javascript-angular.js选择输入框的过滤器类型

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-angular.js选择输入框的过滤器类型，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1286字，纯文字阅读大概需要2分钟。

内容图文

我在很短的时间内使用angular.js,有时我有一种感觉,我对html和javascript一无所知,因为在碰到我想像中的事情时,angular的几率很奇怪,而且可能非常简单.

这是我的头痛：

我当前的控制器scope.persons是…工厂从后端获取的人员的列表.
使用ng-repeat可以很好地显示,并使用输入过滤器：

<input ng-model='query.firstname'> // search by firstname
<input ng-model='query.lastname'> // search by lastname

<ul>
    <li ng-repeat='person in persons | filter: query'> firstname: {{person.firstname}}, lastname: {{person.lastname}}
</ul>

但我想让它有可能从应该选择的过滤器中进行选择.

就像是：

<select> 
    <option value='query.firstname'> by firstname </option>
    <option value='query.lastname'> by lastname </option>

我试图以多种方式弄乱,我被尴尬地显示了:),但是我却迷失了如何将select与输入ng-model连接起来…

预先感谢您的帮助.

解决方法:

您可以尝试这种方法. HTML：

<select ng-model="filter">
    <option value='firstname'>by firstname </option>
    <option value='lastname'>by lastname </option>
</select>

<input ng-model='query'>

<ul>
    <li ng-repeat='person in persons | filter: getFilter()'> firstname: {{person.firstname}}, lastname: {{person.lastname}}
</ul>

并在控制器中动态构造过滤器表达式：

$scope.getFilter = function() {
    var filter = {};
    filter[$scope.filter] = $scope.query;
    return filter;
};

演示：http://plnkr.co/edit/W5dIMYp3C8p3Yid9iglE?p=preview

内容总结

以上是互联网集市为您收集整理的javascript-angular.js选择输入框的过滤器类型全部内容，希望文章能够帮你解决javascript-angular.js选择输入框的过滤器类型所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端