陣列中的對象更改檢測

Question

我需要手動（或自動）更改陣列中對象的檢測屬性。我在ngFor循環中有一系列productShops實體，它被「isNotDeleted」屬性過濾。當我更改isNotDeleted屬性的值時，角度不會檢測到更改。

<ul class="nav nav-tabs"> 
    <li *ngFor="let productShop of product.productShops | filter:'isNotDeleted':true" > 
     <a href="#categoryAssocTab{{productShop.shop.id}}" data-toggle="tab">{{productShop.shop.name}}</a> 
    </li> 
</ul> 

編輯：管道實現：

import {Pipe, PipeTransform} from "@angular/core"; 

@Pipe({ 
    name: 'filter' 
}) 
export class FilterPipe implements PipeTransform{ 

    transform(value:Array<any>, property, equal){ 

     let properties = property.split('.') 

     if(value){ 
      return value.filter(item => { 

       let finalValue:any = item 

       properties.forEach(p => { 
        finalValue = finalValue[p] 
       }) 

       return finalValue == equal 
      }) 
     } 

     return [] 
    } 

} 

Answer 1

你管應標記爲不純正，因爲雖然輸入並沒有改變其對於給定的輸入轉換的結果甚至可以改變。

@Pipe({ 
    name: 'filter', 
    pure: false 
}) 

也

• Dynamically updating [checked] in Angular2