angularjs - 导航到链接时AngularJS视图不会改变

Question

我对以下内容感到困惑：我有一个像这样的简单链接：

    <li><a href="#/foo">Foos</a></li>

但是单击它时，视图不会更新。浏览器中的 URL 发生了变化，但没有任何反应，控制台中也没有显示任何内容。如果我直接在浏览器中加载 URL，则会加载正确的页面。

路线如下所示：

app.config(function($routeProvider, RestangularProvider) {
    $routeProvider
        .when('/index', {templateUrl: 'assets/views/index.html'})
        .when('/foos', {templateUrl: 'assets/views/list.html', controller: controllers.FooListCtrl})
        .when('/foos/create', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
        .when('/foos/:id/update', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
        .otherwise({redirectTo: '/index'});

    RestangularProvider.setBaseUrl("/admin");
});

Answer 1

好的，很明显，这是一个已知的问题：当 locationProvider (ie $location) 被注入到一个控制器时，链接将在全局范围内停止工作。一种解决方法似乎是通过 jQuery 重写链接，并且有效：

app.run(function($rootScope) {
    $('[ng-app]').on('click', 'a', function() {
        window.location.href = $(this).attr('href');
    });
});

Answer 2

我已经能够通过添加target="_self"到链接来解决这个问题。

<li><a href="#/foo" target="_self">Foos</a></li>

我在这里找到了这个决议。