javascript - 以 Angular 特定时间间隔切换选项卡

标签 javascript angularjs routes

我想以特定的时间间隔切换路由(选项卡)。 每 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>

最佳答案

.run 中注入(inject) $interval 并连续循环每个 $route

关于javascript - 以 Angular 特定时间间隔切换选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38463770/

相关文章:

javascript - 使用 Node.js 遍历 XML 文档的最快方法?

javascript - 从父元素获取属性后控制子元素的 dom-if

javascript - 回调函数的执行流程如何?

javascript - 如何在父组件中为共享组件提供routerLink

java - 如何在调用 wicket ajax 提交按钮后调用 jquery 函数

javascript - Nodejs 和 Expressjs : Constants in global variable

javascript - 在加载 HTML 表格中的每一行时添加延迟

javascript - 如何将函数附加到 ng-repeat 的第二个元素

javascript - 如何处理对不存在的路由的请求

laravel - 资源 Controller - BulkDelete