angular2 olarak, nasıl özellikleri için onChanges bir @Input

Question

Bir direktif var için gönderilen nesne değiştirilebilir ve üzerine bir sınıf kabul eden @Input olduğunu.

@Directive({selector: 'my-directive'}) 
@View({directives: [CORE_DIRECTIVES]}) 
export class MyDirective { 
    @Input() inputSettings : SettingsClass; 
    @Input() count : number; 

    onChanges(map) { 
     console.log('onChanges'); 
    } 
} 

yönergesi html kullanılır: settings.count sonra değiştirilir

... 
    <my-directive [input-settings]="settings" [count]="settings.count"></my-directive> 
    ... 

Eğer onChanges patlayacaktır. Ayarlar sınıfındaki başka bir özellik değişirse, o zaman yanmaz.

nasıl ayarlara herhangi özelliğine bir değişiklik olursa algılayabilir? HTML'nize olarak

Answer 1

nesne farklı bir nesneye değiştirilmiş ise, Eğik sadece göreceksiniz

(yani nesne referans olarak değiştirin, CamelCase kullanamazsınız değişti), ngOnChanges(), sorununuzu çözmek için kullanılamaz. Daha fazla bilgi için bkz. Victor Savkin's blog post.

Sen MyDirective sınıfta ngDoCheck() yöntemini uygulamak. Bu yaşam döngüsü kancası "bir bileşenin veya yönergelerin giriş özelliklerinin her kontrol edildiği her zaman denir. Özel bir denetim gerçekleştirerek değişiklik algılamayı genişletmek için bunu kullanın."

ngDoCheck() { 
    if(!this.inputSettings.equals(this.previousInputSettings)) { 
     // inputSettings changed 
     // some logic here to react to the change 
     this.previousInputSettings = this.inputSettings; 
    } 
} 

Answer 2

Eğer

<my-directive [input-settings]="settings" [count]="settings.count"></my-directive>