검색 문자열 배열이 비어있을 때 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>