Angular2 - Обнаружение изменения атрибута @Input

Question

У меня есть простой атрибут директивы mask, с @Input() mask:string

Я хочу, чтобы иметь возможность обнаруживать и реагировать на изменения на mask связывания я могу использовать ngOnChanges так или иначе, но я чувствую, что это как живопись проблема с большой кистью

Sample/упрощенный код директивы:

@Directive({ 
    selector: 'mask' 
}) 
export class MaskDirective implements AfterViewInit { 
    @Input() mask: string; 

    constructor(public el: ElementRef) {}; 

    ngAfterViewInit() { 
    $(this.el.nativeElement).mask(this.mask); 
    } 
} 

Использование:

<input type='text' [mask]='someBinding'> 

Когда значение someBinding изменений, как выполнить некоторый код, не полагаясь на ngChanges?

Answer 1

Вы можете использовать сеттер метод mask собственности вместо более широкого ngOnChanges:

@Directive({ 
    selector: 'mask' 
}) 
export class MaskDirective implements AfterViewInit { 
    @Input set mask(newValue: string) { 
    $(this.el.nativeElement).mask(newValue); 
    } 

    constructor(public el: ElementRef) {}; 


} 

сеттер будет более эффективным, как это связано только с этим свойством.