Angular.js路由问题

时间:2014-07-25 12:46:31

标签: angularjs

我有一个定义了路线的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是gal​​lery,movie或blog_post

有时,当我点击链接时,angular.js刷新整个页面,重新初始化应用程序。我可以在不使用特殊指令的情况下避免整个刷新,为什么有时会工作,有时却不工作?

如果你想观看演示,请点击filmannex

电子邮件:queeply@gmail.com

密码:测试

由于

1 个答案:

答案 0 :(得分:1)

您的/值之前应该有一个前导ng-href。我怀疑它们被解释为相对URL,因此可能会落入otherwise()存储桶并重定向到/

<a ng-href="/{{user.nick}}">user</a>
<a ng-href="/{{user.nick}}/movies">movies</a>