Yeoman angular 导航路线在成功撰写后不起作用
Yeoman angular navigation route not working after successful composing
Yeoman angular 成功编写后导航不工作。 index.html 中的代码如下所示。
<div class="collapse navbar-collapse" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#/">Home</a></li>
<li><a ng-href="#/about">About</a></li>
<li><a ng-href="#/">Contact</a></li>
</ul>
</div>
grunt serve 之后的初始 url 看起来像 http://localhost:9000/#!/ 。
单击 Home 选项卡时,url 看起来像 http://localhost:9000/#!/#%2F。在单击 关于 选项卡时,url 看起来像
http://localhost:9000/#!/#%2Fabout
如何解决问题?
- 方法一
将以下内容添加到 app.js
app.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
- 方法二
放一个! #后解决问题。检查下面给出的代码。
<div class="collapse navbar-collapse" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#!/">Home</a></li>
<li><a ng-href="#!/about">About</a></li>
<li><a ng-href="#!/">Contact</a></li>
</ul>
</div>
Yeoman angular 成功编写后导航不工作。 index.html 中的代码如下所示。
<div class="collapse navbar-collapse" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#/">Home</a></li>
<li><a ng-href="#/about">About</a></li>
<li><a ng-href="#/">Contact</a></li>
</ul>
</div>
grunt serve 之后的初始 url 看起来像 http://localhost:9000/#!/ 。 单击 Home 选项卡时,url 看起来像 http://localhost:9000/#!/#%2F。在单击 关于 选项卡时,url 看起来像 http://localhost:9000/#!/#%2Fabout
如何解决问题?
- 方法一
将以下内容添加到 app.js
app.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
- 方法二
放一个! #后解决问题。检查下面给出的代码。
<div class="collapse navbar-collapse" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#!/">Home</a></li>
<li><a ng-href="#!/about">About</a></li>
<li><a ng-href="#!/">Contact</a></li>
</ul>
</div>