communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
angulaire.js - retour du navigateur ui-router angulaire
ringa_lee
ringa_lee 2017-06-07 09:23:52
0
1
1000

<corps>

<p ui-view></p> 
<a ui-sref="test">点击</a>

</corps>

<script type="text/javascript">
var app = angulaire.module('myApp', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider){

$stateProvider     
.state("test", {
    url: '/test',   
    template:'<p>你好</p>',
});

});
</script>

Cliquez sur la balise a, ui-view affiche "Bonjour", cliquez sur le navigateur pour revenir en arrière, "Bonjour" est toujours sur la page, pourquoi ?

ringa_lee
ringa_lee

ringa_lee

répondre à tous(1)
phpcn_u1582
phpcn_u15822017-06-07 09:25:52 1 plancher

Il est recommandé de lire d'abord cet article sur l'utilisation d'angular-ui-router. Par défaut, un état initial doit être défini. Consultez les exemples d'utilisation suivants pour plus de détails. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UI-Router</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
    <script src="https://cdn.bootcss.com/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
</head>
<body ng-app="myApp">
<p ui-view></p>
<a ui-sref="login">登录页</a>
<a ui-sref="home">首页</a>
<script type="text/javascript">
    var app = angular.module('myApp', ['ui.router']);
    app.config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
                .state("home", {
                    url: '/home',
                    template: '<p>首页</p>',
                })
                .state("login", {
                    url: '/login',
                    template: '<p>登录页</p>',
                })
        ;
        $urlRouterProvider.otherwise('/login');
    });
</script>
</body>
</html>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal