Question

我是angularjs的新手。我有一个ui-grid，它从数据库中获取UserId，名字和姓氏，并在网格上显示我保留了 enableFiltering：true ，因此我可以从网格中搜索数据。

目前在页面加载时，所有数据库表数据都在ui-grid上显示，我可以通过输入文件来搜索文本。

但是，我想知道是否有任何方法可以在页面加载时隐藏网格数据。在我在过滤器框中输入文本后，只有匹配的搜索数据才会显示在网格上。

先谢谢！

Answer 1

您可以通过简单地检查searchText和过滤后的结果长度来完成此操作。检查下面的plunker。

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

        </div>

 $scope.searchText = "";

在plunker示例中，如果在搜索框中输入输入“Nephi”，网格将显示过滤后的数据。如果输入文本没有重新调整任何数据，则网格将保持隐藏状态。