当我尝试时,后退按钮对我有用。检查此 HTML:
<body ng-app="app">
<div>
<ul>
<li><a href="#/">Home</a></li>
<li><a href="#/about">About</a></li>
</ul>
<div ng-view=""></div>
</div>
</body>
而这个JavaScript:
angular.module('app',['ngResource']);
angular.module('app').config(function($routeProvider){
$routeProvider.when('/index',{
template: "HELLO {{name}}",
controller: "IndexCtrl"
}).when('/about',{
template: "HELLO {{name}}",
controller: "AboutCtrl"
}).otherwise({
template:'HELLO {{name}}',
controller: "IndexCtrl"
})
});
angular.module('app').controller('IndexCtrl',function($scope){
console.log("Loading Index");
$scope.name = "Index";
});
angular.module('app').controller('AboutCtrl',function($scope){
console.log("Loading About");
$scope.name = "About";
});
当我运行它时,导航可以通过单击链接和前进/后退按钮来工作。