ngRoute链接不能正常工作1.6.4对我来说

时间:2017-05-11 10:50:49

标签: angularjs ngroute

这对我来说很奇怪,因为我似乎无法看到错误,也许另外一双眼睛会有所帮助。

这是基础html:

<body ng-controller="base_ctrl">
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12 main_container">
            <a href="#about_us">About Us Link</a>
            <a href="#home">Home Link</a>
        </div>
    </div>
    <div ng-view></div>
</div>
</body>

这是js:

var app = angular.module('example_app', ['ngRoute']);


app.config(function($routeProvider, $locationProvider){
$routeProvider

.when('/', {
    templateUrl: 'home.html',

})

.when('/about_us', {
    templateUrl: 'about_us.html',

})

.otherwise({
    redirectTo: '/'
});

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });

});

app.controller('base_ctrl', function($scope){

});

当我看到它时,这应该有效,但事实并非如此。当您单击某个链接时,该网址将更改为home或about_us,具体取决于您单击的位置,但ng-view不会更改。

0 个答案:

没有答案