Angular通过friends内部的friend.brand.id进行过滤可以工作,但不能使用'undefin

Angular filtering by friend.brand.id inside of friends works, but can't use the || undefined trick to reset the filter when NULL

本文关键字:但不能 工作 undefin 过滤 内部 friends 通过 friend brand id Angular      更新时间:2023-09-26

这是2075年,永生的人类奴役了凡人。有一家商店出售普通朋友,并试图开发一款应用程序,以便客户可以通过使用自己喜欢的品牌来过滤他们的朋友。但显然angular.js已经坏了。

<select ng-model="searchText2.id" ng-options="friend.brand.id as friend.name for friend in friends">
  <option value="">Select</option>
</select>
  <tr ng-repeat="friend in friends | filter:{brand:searchText2 || undefined}">

我得到了一个很好的过滤在这里不要误会我,但如果过滤器没有重置,当我点击选择时,用户体验管理器会把我喂给网络白化-ligers。

这是活塞--> http://plnkr.co/edit/1MPc0BqQGPNIJZ9FRR6z?p=preview

我已经更新了活塞与一个可能的解决方案。

filter中,您可以使用三元语句来完成您想要的操作。

<tr ng-repeat="friend in friends | filter:{ brand:(searchText2.id === null) ? {id: undefined}: searchText2}">

当你选择默认选项"select a name"时,angular会将值设置为null,但你想要传递一个undefined来清除过滤器。

希望这对你的追求有所帮助!

相关文章: