javascript - 带有ng-repeat的angular js过滤器在全文匹配之前不起作用

标签 javascript angularjs angularjs-ng-repeat

您好,您已经使用带有 ng-repeat 的过滤器来搜索记录 喜欢

<input type="text" ng-model="search">
<tr ng-repeat="data in vm.records | filter:search"></tr>

过滤器仅在整个文本匹配时才起作用,就像我有记录一样 user1,user,test1,test2 如果我只输入 u 或 t 它不显示任何结果,如果我输入 user1 那么它匹配记录

请给我任何想法 提前致谢。

最佳答案

检查这可能会有帮助。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<body>

<div ng-app="myApp" ng-controller="namesCtrl as vm">
    <input ng-model="name">
    </br>
    </br>
    Filter All Field
    <ul>
        <li ng-repeat="x in vm.names | filter : name">
            {{ x.name }}
        </li>
    </ul>
    Filter Specific Field
    <ul>
        <li ng-repeat="x in vm.names | filter : {name:name}">
            {{ x.name }}
        </li>
    </ul>
</div>
<script>
    angular.module('myApp', []).controller('namesCtrl', function ($scope) {
        this.names = [{
            name: 'user1',
            last: 'last1'
        }, {
            name: 'user2',
            last: 'last1'
        }, {
            name: 'user3',
            last: 'last3'
        }, {
            name: 'test1',
            last: 'last4'
        }];
    });
</script>
</body>

</html>

关于javascript - 带有ng-repeat的angular js过滤器在全文匹配之前不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49231455/

相关文章:

javascript - alphaTarget 和 alphaMin 有什么区别?

javascript - 无法将数据修补到 FormArray

javascript - 如何通过动画显示正在排序的 HTML 元素

javascript - AngularJS 从数组中计算两个动态值

html - 如何调整 toastr 弹出宽度

javascript - 更新 ng-repeat 数组

javascript - 通过调用函数发送 AJAX 电子邮件

javascript - 按多个字段和条件对数据进行排序

javascript - Angularjs 中使用 Bindonce 自定义指令值

javascript - 如何将 ng-repeat 与过滤器和 $index 一起使用?