浏览器-Angularjs 跳转后的URL格式—

norman_core 于 2017.09.10 23:01 提问

Angularjs 跳转后的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'
            }
        }
    })
});