下面是angular官网上讲解filter的代码,有些地方没看懂,辛苦各位大神赐教了。
<p ng-init="friends = [{name:'John', phone:'555-1276'},
{name:'Mary', phone:'800-BIG-MARY'},
{name:'Mike', phone:'555-4321'},
{name:'Adam', phone:'555-5678'},
{name:'Julie', phone:'555-8765'},
{name:'Juliette', phone:'555-5678'}]"></p>
Search: <input ng-model="searchText">
<table id="searchTextResults">
<tr><th>Name</th><th>Phone</th></tr>
<tr ng-repeat="friend in friends | filter:searchText">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
</tr>
</table>
<hr>
Any: <input ng-model="search.$"> <br>
Name only <input ng-model="search.name"><br>
Phone only <input ng-model="search.phone"><br>
Equality <input type="checkbox" ng-model="strict"><br>
<table id="searchObjResults">
<tr><th>Name</th><th>Phone</th></tr>
<tr ng-repeat="friendObj in friends | filter:search:strict">
<td>{{friendObj.name}}</td>
<td>{{friendObj.phone}}</td>
</tr>
</table>
界面显示效果:
当勾选Equality时,下面的内容不会显示出来
代码中对应的是
不明白它的filter:search:strict
是怎么起作用的?为什么什么都不能显示了?
La case à cocher est utile. Lorsqu'elle est cochée, elle est vraie, ce qui signifie une comparaison stricte, ce qui signifie que vous devez saisir exactement la même chose pour la filtrer. Vous pouvez essayer de saisir John dans Nom uniquement et elle sera filtrée.