这对我来说很奇怪,因为我似乎无法看到错误,也许另外一双眼睛会有所帮助。
这是基础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不会更改。