javascript - AngularJS 仅显示 ng-repeat 上过滤的元素

Question

我有一个简单的 ng-repeat 和一个简单的搜索过滤器。

我的问题是，仅当设置了过滤器时，如何才能显示此列表的元素？

当搜索输入不包含任何值时，我希望列表为空!!

我无法让它工作，如果搜索是过滤器，所有项目都会显示。

这里是 html:

<input type="search" class="form-control" placeholder="Rechercher" data-ng-model="search" />

<div data-ng-repeat="departement in departements | filter:search">
</div>

这里是部门对象!

$scope.depatements = [
    {"codeDept": "01", "libelleDept": "D1", "libelleRegion":"R1", "codeRegion": "04"},
    {"codeDept": "02", "libelleDept": "D2", "libelleRegion":"R2", "codeRegion": "08"},
    {"codeDept": "03", "libelleDept": "D3", "libelleRegion":"R3", "codeRegion":"09"}
];

真的谢谢你们。

Answer 1

如果我理解正确，您需要一个函数，如下例所示: http://plnkr.co/edit/eNHrDSn0tfhJT2xJkVRC?p=preview