Angularjs ngRoute链接对我不起作用1.6.4
这对我来说很奇怪,因为我似乎看不到错误,也许另一双眼睛会有所帮助 这是基本html:Angularjs ngRoute链接对我不起作用1.6.4,angularjs,ngroute,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
<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>
当我看到它时,它应该工作,但它不工作。当你点击一个链接时,url会变为home(主页)或about_us(关于我们),具体取决于你点击的链接,但ng视图不会改变。除此之外,如果你更改
href
并删除。
,它会起作用吗?这就是启用HTML5模式的关键所在,毕竟……不。如果你删除了位置提供者,只做了基本路由提供者,它仍然不起作用。这不是我所要求的。例如,您有一个锚定链接,href=“#home”
。在angular 1.6中,路由更改为#主页
,以避免与锚链接冲突。最重要的是,启用HTML5模式
会创建只属于主页
的链接,同时仍然允许
锚定链接工作。因此,可以将链接更改为href=“home”
或href=“!#home
,这取决于您是否想要HTML5模式。好的,但是链接仍然不起作用。例如,将href更改为!#about#us,在url中提供了正确的路径,但在我的ngview中没有任何更改。我是否必须更改配置中的某些内容?
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){
});