検索文字列が空の場合にng-repeatにメッセージを表示

Question

<ul class="data-ctrl mCustomScrollbar" id="scrollbar" data-mcs-theme="minimal-dark dark123" data-ng-init="initScrollBar()"> 
        <li data-ng-repeat="i in items | searchFor:searchString | limitTo:limit" > 
         <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p> 
         <p>{{i.description}}</p> 
         <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>   
       <li data-ng-repeat-empty >No Records Found</li>  
        </li> 

       </ul> 

私は上記のコードを使用してユーザーに検索オプションを提供しています。検索文字列が空であるときにレコードが見つからないと表示しようとしていますjson dbファイルでdata-ng-repeat-emptyを使用していますが、レコードが見つかりませんでした。レコードが見つかりませんでした。その後、

Answer 1

ストア変数にフィルタデータと変数の長さをチェックし、それがされます作業。

<ul> 
    <li data-ng-repeat="i in filterItem = (items | searchFor:searchString | limitTo:limit)" > 
     <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p> 
     <p>{{i.description}}</p> 
     <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>   
    </li> 
    <li ng-if="!filterItem.length">No Records Found</li> 
</ul> 

Answer 2

あなたが側をng-ifまたはng-show

でitems.lengthをチェックして、あなたのメッセージを出すことができng-repeat

<ul> 
    <li data-ng-repeat="i in items | searchFor:searchString | limitTo:limit" > 
     <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p> 
     <p>{{i.description}}</p> 
     <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>   
    </li> 
    <li ng-if="!items.length">No Records Found</li> 
</ul>