AngularJS दृश्य परिवर्तन नहीं करता है जब

Question

मैं विस्मित कर रहा हूँ से जोड़ने के लिए का पालन करके नेविगेट: मैं इस तरह एक सरल लिंक है:

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

लेकिन जब उस पर क्लिक करें, देखें अद्यतन नहीं किया गया है। ब्राउज़र में यूआरएल बदलता है, लेकिन कुछ भी नहीं होता है, और कंसोल में कुछ भी प्रदर्शित नहीं होता है। यदि मैं सीधे ब्राउज़र में यूआरएल लोड करता हूं, तो सही पेज लोड होता है।

मार्गों इस तरह दिखेगा:

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

ठीक है, तो जाहिरा तौर पर, यह एक known issue of sorts है: जब locationProvider (अर्थात $location) एक नियंत्रक को इंजेक्ट किया जाता है, लिंक विश्व स्तर पर काम करने के लिए बंद कर दें। एक वर्कअराउंड jQuery के माध्यम से लिंक को फिर से लिखना प्रतीत होता है, और यह काम करता है:

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