結果が空の場合にメッセージを表示

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

をあなたはこの

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

同様NGリピート上記

場合は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-IFまたはNG-ショーは空の状態を示し、他の要素にメッセージ。表示されるリストの長さを確認してください。 list.length <= 0にこのエラーが表示されます。

2. はNG-場合またはngの非表示でNG-IF要素にすぎ条件を追加します。 list.length <=0。

3. またはリストが空だったときだけtrueを設定isShowEmptyState = falseのように、あなたは、あなたのスコープのオブジェクトにブール値のフラグを作成することができます