无需点击即可在 ui-router 中切换状态

Question

我是 Angular 和 ui-router 的新手。

我已经实现了一些这样的示例。

    $stateProvider
    .state('route1', {
        url: "/route1",
        templateUrl: "route1.html"
    })

    .state('route2', {
        url: "/route2",
        templateUrl: "route2.html"
    })

这工作正常，但需要单击。

我要做的是，页面会在不同的状态之间自动变化。 如果到达末尾，它将从第一页开始循环。

就像一个滑块。

我怎样才能做到这一点？

Answer 1

可以通过$state.go('route1') 更改状态（请参阅文档http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state）。因此，在您的控制器中，您可以使用 f.e. $timeout 并改变状态。