OnChanges — Angular | Spec-Zone.ru

Хук жизненного цикла, который вызывается при изменении значения одного или нескольких входных параметров компонента или директивы. Это относится как к входным параметрам на основе сигналов, так и к входным параметрам на основе декораторов. Определите метод ngOnChanges() для обработки изменений.

API

interface OnChanges {
  ngOnChanges(changes: { [propName: string]: SimpleChange<any>; }): void;
}

ngOnChanges

void

Метод обратного вызова, который вызывается сразу после того, как детектор изменений по умолчанию проверит свойства, связанные с данными, если хотя бы одно из них изменилось, и до проверки дочерних элементов представления и содержимого.

@paramchanges{ [propName: string]: SimpleChange<any>; }

Изменившиеся свойства.

@returnsvoid

Примечания по использованию

В следующем фрагменте показано, как компонент может реализовать этот интерфейс, чтобы определить обработчик изменений входного свойства. При работе со входными параметрами на основе сигналов следует предпочесть computed и effect, однако метод ngOnChanges учитывает изменения значений и входных параметров на основе сигналов.

@Component({ ... })
export class UserProfile implements OnChanges {
  userId = input<number>(0);
  ngOnChanges(changes: SimpleChanges<UserProfile>) {
    // changes.userId contains the old and new value.
  }
}