anglejsフィルタデータが入力された後にのみui-gridデータを表示

Question

私はangularjsを初めて使用しています。私はuIグリッドを持っており、UserIdをデータベースから姓と名字を取り出し、グリッド上に表示します。 enableFiltering：trueグリッドからデータを検索できます。

現在、pageloadでは、すべてのデータベーステーブルのデータがui-gridで表示され、filerと入力してテキストを検索します。

しかし、ページの読み込み時にグリッドデータを非表示にする方法があるかどうかを知りたかったのです。フィルタボックスにテキストを入力すると、一致する検索データのみがグリッドに表示されます。

ありがとうございました！

Answer 1

これは、フィルタリング後にsearchTextと結果の長さを確認するだけで実行できます。下のプランナーを確認してください。 plunker例で

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 = ""; 

検索ボックスに入力し、「ニーファイ」を入力した場合、グリッドは、フィルタリングされたデータで表示されます。入力テキストがデータをretunrしない場合、グリッドは非表示のままです。