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

$state.includes(stateOrName,params,options)

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

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

比如當前的激活狀態(tài)是?"contacts.details.item"?

如下調(diào)用:

$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; }})

?

轉(zhuǎn)載于:https://www.cnblogs.com/minghui007/p/7201709.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。