javascript - 使用Anguler.js搜索时如何在搜索前隐藏数据并显示

Question

**所以，我有这张表，它显示了从 angularjs 中的服务器获取的用户。这是用户对象：

：**

angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        'Jani',
        'Carl',
        'Margareth',
        'Hege',
        'Joe',
        'Gustav',
        'Birgit',
        'Mary',
        'Kai'
    ];
});

这里的html：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="namesCtrl">


<p><input type="text" ng-model="test"></p>

<ul>
  <li ng-repeat="x in names | filter:test">
    {{ x }}
  </li>
</ul>

</div>

标签： javascripthtmlangularjs

Answer 1

您可以隐藏列表，直到用户在输入中输入内容，例如

<ul ng-if="test">
...
</ul>