我在我的 Angular 应用程序中使用 ui.router
,在我的导航栏 controller
(包含在多个模板中)我写了一个简单的 console.log($state.current)
来测试它的行为。
我注意到,有时在重新加载时,状态是未定义的:
Object {name: "", url: "^", views: null, abstract: true}
有时它被定义为:
Object {url: "/admin", templateUrl: "app/components/admin-dashboard/admin-dashboard.html", controller: "AdminCtrl", controllerAs: "vm", name: "admin-dashboard"}
此行为的原因可能是什么?我如何保证在加载 View 时定义我的状态?
最佳答案
在 $state.current
中获取正确值的最可靠方法是等待 ui-router 触发 $stateChangeSuccess
事件。方法如下:
在你的导航栏 Controller 中:
$rootScope.$on('$stateChangeSuccess',
function(event, toState, toParams, fromState, fromParams){
event.preventDefault();
console.log($state.current) // this should now always have a resolved value
})
引用ui-router wiki更多细节。
为什么这有效而不是只执行 console.log($state.current)
是因为,
$state.current 只有在“在” 路由完全加载后才具有正确的值。当您在没有事件的情况下编写它时,取决于您编写它的位置,它可能会成功或失败。这就是为什么你得到不一致的结果。正是由于这个原因,ui-router 提供了一个成功事件,它 promise 路由肯定已经被解析。
关于javascript - Angular UI-Router : $state. 当前有时未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31749045/