javascript - 吴显示和过滤器

Question

我希望能够在页面首次加载时显示完整的城市列表。

当用户单击该城市的复选框时，我想使用 ng-show/ng-hide 显示用户选择的城市的结果并隐藏未选择的城市。

我不想使用过滤器，因为这会从 dom 中添加/删除导致它重新呈现。

有谁知道最好的方法吗？

Answer 1

试一试:

<label ng-init="city = {}"><input type="checkbox" ng-change="selected = true" ng-model="city['London']">London</label>
<label><input type="checkbox" ng-change="selected = true" ng-model="city['Los Angeles']">Los Angeles</label>

<div ng-controller="MyCtrl">
  <ul class="employees">
        <li ng-repeat="employee in employees" ng-show="!selected || city[employee.city]">
        {{employee.name}}
        </li>
   </ul>
</div>