2013-07-24 10 views
6

私は困惑してるのリンクにナビゲートする際に変更されません:私はこのような単純なリンクを持っている:AngularJSビューには、次により

<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"); 
}); 
+0

hrefではなくng-hrefを試しましたか? – user700284

+0

はい、しかし成功なし –

+0

あなたのコードをさらに表示したり、問題の再現が可能なplunkrを設定することはできますか? – user700284

答えて

4

オクラホマので、明らかに、これはknown issue of sortsある:locationProvider(即ち$location)はつのコントローラに注入されるとき、リンクはグローバルに動作しなくなります。 1つの回避策は、jQuery経由でリンクを書き直すことだと思われます。それはうまくいきます:

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

私のために働いた。ありがとう、Sr. –

関連する問題