angular 如何獲取使用filter過濾后的ng-repeat的數據長度


在做項目的過程中,被產品要求在內容為空的過程中顯示提示信息,然哦戶內容使用ng-repeat循環輸出的,並且使用了filter過濾。后在谷歌上找到解決方案,如下:

​之前代碼如下顯示:

<ul>

<li ng-repeat="tagChoose in evaluateObj.tagChooseList|filter:{type:1}">

 <label> 

 <input type="checkbox" name="definedDic" ng-checked="checkedDicFile(tagChoose)"> 

 <span ng-bind="tagChoose.dicName"></<span se-mark="1">span> 

 </label> 

​</li>

​</ul>​

1.按需求改進代碼(使用的angular版本1.3+):

​<ul> 

 <li ng-repeat="tagChoose in evaluateObj.tagChooseList|filter:{type:1} as localDics"> 

 <label ng-if="localDics.length>0"> 

 <input type="checkbox" name="definedDic" ng-checked="checkedDicFile(tagChoose)"> 

 <span ng-bind="tagChoose.dicName"></span> 

 </label> 

 <p class="help-block" ng-if="localDics.length==0">需要到詞典管理界面添加自定義詞典</p> 

 </li>

​</ul>

2.​按需求改進代碼(使用的angular版本1.3-):

​<ul> 

 <li ng-repeat="tagChoose in localDics = (evaluateObj.tagChooseList|filter:{type:1})"> 

 <label ng-if="localDics.length>0"> 

 <input type="checkbox" name="definedDic" ng-checked="checkedDicFile(tagChoose)"> 

 <span ng-bind="tagChoose.dicName"></span> 

 </label> 

 <p class="help-block" ng-if="localDics.length==0">需要到詞典管理界面添加自定義詞典</p> 

 </li>

</ul>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM