首頁猿問 angularjs...

angularjs ui-router 路由嵌套問題：如何阻止子頁面再次運行父頁面的Controller?

JavaScript

溫溫醬 2019-05-25 16:30:30

A頁面有三個子頁面a,b,c作為三個tab;其他頁面跳到A頁面時，默認會先跳到a;我的實現如下//其他頁面$state.go('A')//A頁面functionCtrl($state){//...this.$onInit=function(){//...$state.go('A.a')console.log('init')//這句會輸出兩次}}問題就是$state.go('A.a')之后，還會執(zhí)行一次Ctrl，請問如何避免跳到子路由時再執(zhí)行Ctrl補充：除了修改其他頁面的跳轉為$state.go('A.a')之外的方法，頁面有點多，懶得改了。。。

查看完整描述

2 回答

開心每一天1111

TA貢獻1836條經驗獲得超13個贊

如果你用的是ui-router1.0.*的版本的話，可以在路由A的配置文件的stateObject中增加一個redirectTo字段，其意義指的是當跳轉到當前路由后，自動重定向到xx路由，比如你這里就可以這么寫：{name:'A,redirectTo:'A.a'...}這樣就可以省掉你將其他頁面所有跳轉改為$state.go('A.a')的工作量了，同時這個屬性還支持參數、promise等格式，可以滿足動態(tài)重定向的邏輯，具體可以參照官方文檔。