只有在輸入過濾器數據後，才能使用angularjs diplay ui-grid數據

Question

我是angularjs的新用戶。我有一個UI的網格，獲取從數據庫用戶ID，姓氏和名字，並將其顯示在網格 我一直enableFiltering：真所以我能夠從電網搜索數據。

目前在頁面加載，所有的數據庫表中的數據得到的UI網diplays，我可以通過輸入文件管理器搜索的文本。

但是，我想知道是否有任何方法隱藏頁面加載的網格數據。當我在過濾器框中輸入文本後，只有匹配的搜索數據應顯示在網格上。

感謝advace！

Answer 1

您可以通過簡單地檢查searchText和過濾後的結果長度來做到這一點。檢查下面的運動員。

http://plnkr.co/edit/vGiNBRoSBomnDd1RhJuQ?p=preview

<div ng-if="searchText != '' && gridOpts.data.length > 0" id="grid1" ui-grid="gridOpts" class="grid"> 

     </div> 

$scope.searchText = ""; 

在plunker例如

，如果你在搜索框中輸入輸入「尼」網格將與濾波的數據顯示。如果輸入文本不重新調用任何數據，網格將保持隱藏狀態。