htmlで複数の条件にフィルタを書き込む方法は？

Question

enter image description here私は以下のコードを持っています。 私は物語の所有者と物語の状態を使用しています。

ng-repeat="item in IterationStories | 
filter: {Story: {storyOwner: filterRequestor}} | 
filter: {Story: {state: filterKey}} " //when I select state it is working 

Answer 1

公式の角度フィルタドキュメントhereには良い例があります。

だからあなたの "アイテム" オブジェクトは次のようになり場合：

<label>Story owner <input ng-model="search.storyOwner"></label> 
<label>State <input ng-model="search.state"></label> 
<table> 

    <tr ng-repeat="item in IterationStories | filter:search"> 

    </tr> 
</table> 

Answer 2

//for third solution 
 
    $scope.myFilter = function (item) { 
 
     return (item.storyOwner == $scope.Story.storyOwner || item.state:$scope.Story.filterKey); 
 
    }

<!--first solution--> 
 
    ng-repeat="item in IterationStories | filter:{storyOwner: filterRequestor, state: filterKey} " 
 

 
<!--second solution--> 
 
    ng-repeat="item in IterationStories | filter: {Story: {storyOwner: filterRequestor, state: filterKey}}" 
 

 
<!--third solution--> 
 
    ng-repeat="item in IterationStories | filter:myFilter"