问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

angularjs ui-router 浏览器后退

头像
iwubo
    24138

    <body>

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

    </body>

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

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

    });
    </script>

    点击a标签，ui-view显示“你好”，点击浏览器后退“你好”还存在页面上，这是为什么？

    angularjsangular-ui-router
    阅读 4.1k
    1 个回答
    得票最新
    头像
    阿宝哥
      15.8k11110

      建议先看一下，这篇文章 angular-ui-router使用。默认的话都需要设置一个初始状态的哈，具体看一下下面的使用示例。

      <!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">
<div ui-view></div>
<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: '<div>首页</div>',
                })
                .state("login", {
                    url: '/login',
                    template: '<div>登录页</div>',
                })
        ;
        $urlRouterProvider.otherwise('/login');
    });
</script>
</body>
</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题
      宣传栏