gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 10:29:39 25 4
gpt4 key购买 nike

您好,您已经使用带有 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com