Фильтровать через несколько свойств в AngularJS

Я пытаюсь фильтровать через несколько свойств в Угловом. Я могу фильтровать через одно свойство легко, используя filter:{ title: searchString }, но когда я пытаюсь использовать несколько свойств ... это, похоже, не дает никакого результата.Фильтровать через несколько свойств в AngularJS

Что мне нужно сделать, это:

Если John Wayne проходит через .. это показывает John Wayne но если передается только John или только Wayne через ... Он по-прежнему показывает John Wayne. Аналогично для n w после John заканчивается n и subTitle начинается с w

Мой код:

<input type="text" ng-model="searchString"> 

<div ng-repeat="arr in arr1 | filter:{ title: searchString, subTitle: searchString }"></div> 

$scope.arr1 = [ 
    {title: 'John',subTitle:'Wayne'} 
    {title: 'Barry'} 
];

источник

2017-01-04 user4756836

var app = angular.module("app", []); 
 

 
app.controller("ListCtrl", ["$scope", 
 
    function($scope) { 
 
$scope.arr1 = [ 
 
    {title: 'John',subTitle:'Wayne'}, 
 
    {title: 'Barry'} 
 
]; 
 
    } 
 
    
 
]);

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 
<body ng-app='app'> 
 
    <div ng-controller="ListCtrl"> 
 
    title:<input type="text" ng-model="criteria.title"> 
 
    subtitle:<input type="text" ng-model="criteria.subTitle"> <br> 
 
    <div ng-repeat="arr in arr1 | filter: criteria">{{arr}}</div> 
 
    </div> 
 
</body> 
 
</html>

источник

2017-01-04 17:14:48 Sajeetharan

вопрос является есть только один вход типа не два – user4756836

если вам нужно фильтровать несколько свойств, вам нужна модель для каждого из них, вы не можете достичь с помощью одного окна поиска. если вы используете его, будет действовать как бесплатный текстовый поиск – Sajeetharan

Фильтровать через несколько свойств в AngularJS

ответ

Смежные вопросы