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
这是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
来清除过滤器。
希望这对你的追求有所帮助!
相关文章:
- JS可以在Chrome中工作,但不能在Firefox中工作
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- Json到CSV下载,可以在chrome中工作,但不能在IE浏览器中工作
- jQuery$.post可以在chrome、safari中工作,但不能在FF中工作(声明成功回调函数未定义)
- 引导程序's的javascript在本地工作,但在部署到服务器时不能工作
- Iframe加载调整大小在Chrome中工作,但不能在IE或Firefox中工作
- Rails Production-可以工作,但不能编辑/删除/创建记录
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- 两个独立工作的javascript函数,但不能一起工作
- 漂亮的照片在Dreamweaver上完美运行;但不能在任何浏览器上在线工作
- 如何在HTML / CSS中填充垂直和滚动中间窗格(Chrome可以工作,但不能Firefox)
- RGB 到 HEX JavaScript 函数在 Chrome 中工作,但不能在 Firefox 或 Safari 中工
- 节点:zlib.gunzip 可以工作,但不能 zlib.inflate
- webview日期选择器可以在android模拟器中工作,但不能在设备上工作
- jQuery addClass/removeClass在调试期间工作,但不能正常执行
- CSS和Javascript可以在内部服务器上工作,但不能在外部工作
- 我的regex可以在regex101.com沙箱中工作,但不能在实际的javascript中工作
- 为什么jQuery可以在jSfiddle中工作,但不能在站点中工作
- Sencha Touch、Apigee JS SDK和Phonegap可以在浏览器中工作,但不能在IOS中工作
- Typeahead.js没有错误,但不能工作