javascript - angularjs只有在输入过滤数据后才显示ui-grid数据

Question

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

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

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

提前感谢！

score 0 · Accepted Answer

您可以通过简单地检查 searchText 和过滤后的结果长度来做到这一点。检查下面的 plunker。

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

        </div>

 $scope.searchText = "";

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

1 回答 1