$ routeProvider表现奇怪(Angular)

时间:2015-12-09 00:35:06

标签: javascript angularjs

我收到了这段代码

var site = angular.module('site', ['ngRoute']).
config(function($routeProvider){
    $routeProvider.
        when('/home', {templateUrl: '/NexGaming/pages/home.html', controller: 'mainStaysCtrl'}).
        /*when('/', {templateUrl: '/na/pages/home.html', controller: 'mainStaysCtrl'}).*/           
        when('/in-play', {templateUrl: '/na/pages/in-play.html', controller: 'mainStaysCtrl'}).
        when('/popular', {templateUrl: '/na/pages/popular.html', controller: 'mainStaysCtrl'}).
        otherwise({redirectTo: '/home', tempalteUrl: '/NexGaming/pages/home.html'});
});

site.controller('mainStaysCtrl', function($scope, $location) {
$scope.setRoute = function(route) {
    $location.path(route);
};
});

它基本上按照预期工作 - 使用ng-click“setRoute()”链接调用tempalte以在ng-view中显示。一切都很好。

但由于某种原因,它只需点击几下就会停止工作。我的意思是,对于前3到5次点击,它可以正常工作。然后它停止了。什么都没发生。好像setRoute控制器会破坏自己。你有什么想法?

修改

当它出现时,此错误会禁用网站上的所有链接。即使是那些硬编码的人。

1 个答案:

答案 0 :(得分:0)

愚蠢的错误。链接看起来像这样

<a href="" class="ahref"><div class="bullet-link" ng-click="setRoute('/popular')">Popular Events</div></a>

看起来应该是这样的

<a href="#/popular" class="ahref"><div class="bullet-link" ng-click="setRoute('/popular')">Popular Events</div></a>