AngularJSの複数のプロパティによるフィルタ

Angularで複数のプロパティをフィルタリングしようとしています。 filter:{ title: searchString }を使用して1つのプロパティを簡単にフィルタリングできますが、複数のプロパティを使用しようとすると、結果がまったく得られないようです。私がする必要がどのようなAngularJSの複数のプロパティによるフィルタ

は次のとおりです。

John Wayneが通過している場合は...それはJohn Wayneを示ししかJohnのみWayneが通過した場合...それはまだJohn Wayneを示しています。同様にJohn以来n wためw

マイコードとnとsubTitle開始で終了します。

<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

問題があるではない2 – user4756836

を入力するだけの入力であります複数のプロパティをフィルタリングする必要がある場合は、それぞれのモデルを必要とするため、1つの検索ボックスで達成できません。あなたがフリーテキスト検索のように振る舞います – Sajeetharan

AngularJSの複数のプロパティによるフィルタ

答えて

関連する問題