$state.includes 方法用于判斷當前激活狀態是否是指定的狀態或者是指定狀態的子狀態.

$state.includes(stateOrName,params,options)

$state.includes方法接受三個參數,其中第二和第三個都不知道是干啥的...估計也不太用得到,就暫時不管了...

stateOrName:字符串(必填). 是一個狀態的名字.

比如當前的激活狀態是?"contacts.details.item"?

如下調用:

$state.includes("contacts"); //返回true $state.includes("contacts.details"); //返回true $state.includes("contacts.details.item"); //返回true $state.includes("detail"); //返回undefined $state.includes("item"); //返回undefined

也可以使用glob語法:

$state.$current.name = 'contacts.details.item.url';$state.includes("*.details.*.*"); // returns true $state.includes("*.details.**"); // returns true $state.includes("**.item.**"); // returns true $state.includes("*.details.item.url"); // returns true $state.includes("*.details.*.url"); // returns true $state.includes("*.details.*"); // returns undefined $state.includes("item.**"); // returns undefined

可以用于激活某個tab,讓當前項高亮顯示:

<li ng-class="{active:state.includes('dashboard.report')}"><a ui-sref="dashboard.report">Reports</a></li>

需要注意的是,在表達式里直接用$state是不行的,需要在控制器中把$state賦值給$scope下的變量.這樣在表達式里才能使用:

$stateProvider.state('dashboard',{url:'/dashboard',templateUrl:'./tpls/dashboard.html',controller:function($scope,$state){$scope.state = $state; }})

?

轉載于:https://www.cnblogs.com/minghui007/p/7201709.html

總結

以上是生活随笔為你收集整理的angular的uiRouter服务学习(5) --- $state.includes()方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。