angularjs 显示ui - 仅在输入过滤数据后显示网格数据

Question

我是 angularjs 的新手。我有一个 ui-grid，它从数据库中获取 UserId、名字和姓氏并将其显示在网格上我保留了 enableFiltering: true 所以我能够从网格中搜索数据。

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

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

提前致谢！

Answer 1

您只需检查过滤后的搜索文本和结果长度即可。检查下面的插件。

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

        </div>

 $scope.searchText = "";

在 plunker 示例中，如果您在搜索框中输入 "Nephi"，网格将显示过滤后的数据。如果输入文本没有返回任何数据，网格将保持隐藏状态。

angularjs diplay ui-grid data only after the filter data is entered