Question

我想以特定的时间间隔切换路线（标签）。应该每隔15秒切换一次路线。

angular.module('InternalDashboardAPP').config(['$routeProvider', function ($routeProvider) {

$routeProvider
.when('/', {
    templateUrl: 'Home/PendingRotator',
    controller: 'PendingRotatorController'
})
.when('/PendingsUncheck', {
    templateUrl: 'Home/PendingsUncheck',
    controller: 'PendingsUncheckController'
})
.when('/CasePendingsUncheck', {
    templateUrl: 'Home/CasePendingsUncheck',
    controller: 'CasePendingsUncheckController'
})
.otherwise({
    redirectTo: '/'
});

}])

这是我的index.cshtml

<div ng-app="InternalDashboardAPP" ng-controller="HomeController">
<div id="mainContentContainer">

    <ul class="navigationStyle">
        <li class="linkDashboard"><a href="#/">Keyword Pendings</a></li>
        <li  class="linkActive"><a href="#/PendingsUncheck">Pendings unchecked per hour</a></li>
        <li  class="linkActive"><a href="#/CasePendingsUncheck">Case Pendings unchecked per hour</a></li>
    </ul>

    </div>
</div>

Answer 1

在.run注入$interval并且不断循环每个$route

Answer 2

这很简单......

获取定义的路线到阵列。

var defined_routes = ["/", "foo", "bar"];

for(var i in defined_routes){

  setInterval(function(){

    $location.path(defined_routes[i]);

  }, 15000);

}

资助方法。 $route.routes

注入$ route，$route对象中有一个名为$route.routes的属性。它返回所有已定义的路线。并改变上述方法

Angular doc说

<强>路由

具有所有路径配置对象的对象作为其属性。

以特定时间间隔切换选项卡的角度

2 个答案: