ng-repeatステートメントを含むDOMオブジェクト（this）をng-if関数に渡すにはどうすればよいですか？ （Javascript/AngularJS）

Question

私のページにはng-repeatがあり、その中にある項目をフィルタリングする必要があります。フィルタリングの目的のために、私は使用する必要のあるキーが含まれている上の隠しフィールドを含んでいます。

<div class="filterProductsContainer"> 
    <asp:HiddenField runat="server" ID="FilterKey"/> 
    <ul class="product_listing_component--results-list"> 
     <li ng-if="isInCategory(product, $event)" ng-repeat="product in filterProducts"> 
      <a href="{{product.link}}"> 
       <img src="{{product.image}}" /></a> 
     </li> 
    </ul> 
</div> 

---

$scope.isInCategory = function (product, $event) { 
    console.log(product); 
    console.log($event); 
    var filterKey = $($event.target).parent(".filterProductsContainer").find("input[type='hidden'").val(); 
    console.log(filterKey); 
    var targetProduct = $scope.products[product]; 
    var foundMatch = false; 
    for (var tag in targetProduct.tags) { 
     var targetTag = targetProduct.tags[tag]; 
     if (filterKey === targetTag.id) { 
      foundMatch = true; 
     } 

     if (foundMatch) { 
      break; 
     } 

    } 
    return foundMatch; 
} 

$イベントは、しかし、ヌルなってしまいます。

Answer 1

はNGリピートに直接

idはあなたがすることによってフィルタに使用したいあなた productオブジェクトのプロパティ名です

<li ng-repeat="product in filterProducts | filter: {id: '<FilterKeyValue>'}" > 

をフィルタを使用してみてください。