Я создаю директиву атрибута, которая меняет цвет фона учета элемента хоста на "качество" @input.
Я обнаружил, что если я реализую ngOnChanges как лямбда-выражение, метод ngOnchanges не будет вызываться при изменении ввода.
Моя игровая площадка:
https://stackblitz.com/edit/angular-6-playground-lqwps2?file=src%2Fapp%2FmyOrder.directive.ts
@Directive({
selector: '[my-order]'
})
export class MyOrderDirective {
@Input()
quality: number = 1;
@HostBinding('style.background-color')
backgroundColor: string;
// ************* works ********************
// ngOnChanges(changes: SimpleChanges) {
// if (this.quality % 2 == 0) {
// this.backgroundColor = 'red';
//
// } else {
// this.backgroundColor = 'blue';
// }
//
// };
// ******* lambda expression does NOT work ***********
ngOnChanges = (changes: SimpleChanges) => {
if (this.quality % 2 == 0) {
this.backgroundColor = 'red';
} else {
this.backgroundColor = 'blue';
}
};
// ******************** Not work *********************
// ngOnChanges = function (changes: SimpleChanges) {
// if (this.quality % 2 == 0) {
// this.backgroundColor = 'red';
//
// } else {
// this.backgroundColor = 'blue';
// }
//
// };
constructor() {
}
}





Не ответ, но вы можете упростить код, используя геттер для backgroundColor или сеттер для ввода.