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

时间:2014-02-20 13:30:43

标签: javascript angularjs

我有一个简单的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"}
];

真的对你们好。

1 个答案:

答案 0 :(得分:4)

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