如果結果爲空顯示信息

我有產品搜索表單。我想確保它在列表爲空時顯示一條消息，當沒有結果時。如果結果爲空顯示信息

我的代碼：

<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>

謝謝:)

來源

2017-05-01 Lydia Ra

可以使用NG-如果上述NG-重複

像這樣

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

例：

<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/

來源

2017-05-01 13:43:56 NNR

有許多不同的答案，比如：

使用* NG-如果**或NG-顯示在另一個元素，顯示空狀態信息。檢查將顯示的列表長度。如果list.length <= 0顯示此錯誤。
也加入條件與NG-如果或在NG-如果元素NG-隱藏。如果list.length <=0。
或者你可以在你的範圍對象創建布爾標誌，如isShowEmptyState =假和剛剛成立的時候true列表是空

來源

2017-05-01 14:05:35 mazipan

如果結果爲空顯示信息

回答

相關問題