我有一个定义了路线的app.js和一个带有ng-href字段的菜单,如:
<li>
<a ng-href="{{user.nick}}"><i class="icon-th-large"></i>My Content Flow</a>
</li>
<li>
<a ng-href="{{user.nick}}/movie"><i class="icon-film"></i>My Videos</a>
</li>
<li>
<a ng-href="{{user.nick}}/blog_post"><i class="icon-pencil"></i> My Blogs</a>
</li>
<li>
路由提供商配置:
$routeProvider
.when('/:searchType?/:searchValue?', {
templateUrl: 'partials/name/flow/',
controller: 'FlowCtrl'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
:searchType是用户昵称
:searchValue是gallery,movie或blog_post
有时,当我点击链接时,angular.js刷新整个页面,重新初始化应用程序。我可以在不使用特殊指令的情况下避免整个刷新,为什么有时会工作,有时却不工作?
如果你想观看演示,请点击filmannex:
电子邮件:queeply@gmail.com
密码:测试
由于
答案 0 :(得分:1)
您的/
值之前应该有一个前导ng-href
。我怀疑它们被解释为相对URL,因此可能会落入otherwise()
存储桶并重定向到/
<a ng-href="/{{user.nick}}">user</a>
<a ng-href="/{{user.nick}}/movies">movies</a>