如何將包含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-重複

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

哪裏id是您要使用由過濾您product對象的屬性名稱。