결과가 비어 있으면 메시지 표시

Question

제품에 대한 검색 양식이 있습니다. 결과가 없을 때 목록이 비어있을 때 메시지가 표시되는지 확인하고 싶습니다.

내 코드 :

<form ng-controller="productCtrl" name="searchForm" ng-submit="searchProduct()" ng-disabled="searchForm.$invalid"> 
    <input placeholder="Search" type="text" ng-model="form.name" required> 
    <ion-list> 
    <ion-item ng-repeat="product in list track by $index">{{ product.name }}</ion-item> 
    </ion-list> 
</form> 

당신을 :) 감사

사용할 수

Answer 1

NG-경우이

<div ng-if="list.length<=0" style="color:red;">Error!</div> 

처럼

을 NG가 반복위 예 :

<div ng-app="app"> 
    <div ng-controller="TodoCtrl"> 
    <div ng-if="todos.length<=0" style="color:red;">Error!</div> 
    <div ng-repeat="item in todos">{{item.color}}</div> 
    </div> 
</div> 

같은 많은 다른 답변있다

https://jsfiddle.net/vqJ5q/48/

Answer 2

: 빈 상태를 보여 다른 요소에

1. 사용 * ** NG-경우 또는 NG 쇼가 메시지. 표시된 목록의 길이를 확인하십시오. list.length <= 0이이 오류를 표시합니다.

2. 와도 조건을 추가 NG-경우 또는 이 NG-경우 요소에을 NG-숨 깁니다. list.length <=0.

3. 또는 목록이 비어있을 때 단지 true을 설정isShowEmptyState = 거짓처럼 당신은, 당신의 범위 개체에 부울 플래그를 만들 수 있습니다