0

我正在尝试通过 ng-view 在部分视图中做一个简单的工作。它有四个锚链接，如瑞典、丹麦、挪威......如果我点击其中一个，它将在索引页面上显示部分页面。但是它不起作用。浏览器地址位置显示类似

localhost/Angular%20js%20practice/#!#%2Fdenmark localhost/Angular%20js%20practice/#!#%2Fnorway

但它应该像 --- localhost/Angular%20js%20practice/#/denmark--- 它会显示丹麦的部分页面视图。所以我该怎么做？

myApp.config(function($routeProvider){
    $routeProvider
    .when('/sweden',{
        templateUrl:'templates/sweden.html',
        controller: 'myCtrl2'
    })
    .when('/norway',{
        templateUrl:'templates/norway.html',
        controller:'myCtrl2'
    })
    .when('/denmark',{
        templateUrl:'templates/denmark.html',
        controller:'myCtrl2'
    })
    .when('/turkey',{
        templateUrl:'templates/turkey.html',
        controller:'myCtrl2'
    });

});

    <ul>
        <li><a href="#/sweden">Sweden</a></li>
        <li><a href="#/norway">Norway</a></li>
        <li><a href="#/denmark">Denmark</a></li>
        <li><a href="#/turkey">Turkey</a></li>
    </ul>
<div ng-view></div>
4

0 回答 0