norman_core
norman_core
2017-09-10 15:01

Angularjs 跳转后的URL格式

  • angular.js
  • 浏览器
  • url

用angularJS 做了一个简单的动态包含子页面的例子，发现浏览器的url 在#后面总会多出一个 感叹号（！）， 很是疑惑，烦请大家帮忙指点一下，谢谢。

.../Desktop/angularjs-01/main.html#!/landing


下面为相关的代码
1. Html

 <html>
    <head>
        <meta charset="utf-8">
        <script src="./js/angularjs/angular.js"></script>
        <script src="./js/angularjs/angular-ui-router.js"></script>
        <script src="./js/com.pms.js"></script>
    </head>

    <body ng-app="com.pms">
        <div ui-view> Block 01 </div>
        <div ui-view="status"> Block 02 </div>
    </body>
</html>


2. Js

 var pms = angular.module("com.pms",['ui.router']);

pms.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/landing");

    $stateProvider.state('landing', {
        url : '/landing',
        views : {
            '' : {
                template : 'Hello World !'
            },
            'status' : {
                template : 'Home Page'
            }
        }
    })
});
  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

1条回答

提交

为你推荐