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

$state.includes(stateOrName,params,options)

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

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

比如當(dāng)前的激活狀態(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語(yǔ)法:

$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

可以用于激活某個(gè)tab,讓當(dāng)前項(xiàng)高亮顯示:

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

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

$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()方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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