javascript-AngularJS：使用基于选择的过滤器后,如果仅限于单个属性,则不会清除

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-AngularJS：使用基于选择的过滤器后,如果仅限于单个属性,则不会清除，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1080字，纯文字阅读大概需要2分钟。

内容图文

当限于一个属性时,我不知道如何清除基于选择的过滤器.这是数据：

  $scope.items = [
    {'name': 'Adam', 'fruit': 'apple'},
    {'name': 'Shelley', 'fruit': 'apple'},
    {'name': 'Barbara', 'fruit': 'plum'},
    {'name': 'Steve', 'fruit': 'Adam\'s apple'},
    {'name': 'Marty Appleton', 'fruit': 'onion'}
  ];

这就是我要过滤的方式,在项名称属性中搜索过滤器的文本：

    <select ng-model="select1.name" ng-options="item.name as item.name for item in items">
        <option value="">No filter</option>
    </select>

    <div ng-repeat="item in items | filter:select1">
      {{ item.name }}: {{ item.fruit }}
    </div>

当我选择一个选项时,列表将按预期进行过滤.但是之后,当我再次选择空的“无过滤器”选项时,显示的列表为空.如果我不将过滤器限制为一个属性,则效果很好,即使用ng-model =“ select1”而不是ng-model =“ select1.name”.如果我改用文本输入,它也可以工作.

这是一个实际的工作示例-您会注意到无法使用右下角的select清除过滤器,但是可以使用所有其他元素清除过滤器.

http://codepen.io/anon/pen/vLHqa

我迷路了.我究竟做错了什么？

解决方法:

改成：

<select class="problem" ng-model="select1" ng-options="item.name for item in items">

会的.
http://codepen.io/anon/pen/qroJp

内容总结

以上是互联网集市为您收集整理的javascript-AngularJS：使用基于选择的过滤器后,如果仅限于单个属性,则不会清除全部内容，希望文章能够帮你解决javascript-AngularJS：使用基于选择的过滤器后,如果仅限于单个属性,则不会清除所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端