state — Angular | Spec-Zone.ru

Объявляет состояние анимации в триггере, привязанном к элементу.

Предупреждение об устаревании

Вместо этого используйте animate.enter или animate.leave. Планируется удалить в версии 23

API

function state(
  name: string,
  styles: AnimationStyleMetadata,
  options?: { params: { [name: string]: any } } | undefined,
): AnimationStateMetadata;

@deprecated

Вместо этого используйте animate.enter или animate.leave. Планируется удалить в версии 23

@paramnamestring

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

void Этому имени можно сопоставить стили, которые будут применяться, когда элемент отсоединен от приложения. Например, когда выражение ngIf имеет значение false, связанный элемент находится в состоянии void.
* (звездочка) Указывает состояние по умолчанию. Этому имени можно сопоставить стили, которые будут использоваться в качестве запасного варианта, если анимируемое состояние не объявлено в триггере.

@paramstylesAnimationStyleMetadata

Набор CSS-стилей, связанных с этим состоянием и созданных с помощью функции style(). Этот набор стилей сохраняется для элемента после достижения состояния.

@paramoptions{ params: { [name: string]: any; }; } | undefined

Параметры, которые можно передать состоянию при его вызове. Ноль или более пар «ключ-значение».

@returnsAnimationStateMetadata

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

Используйте функцию trigger(), чтобы зарегистрировать состояния в триггере анимации. Используйте функцию transition(), чтобы анимировать переходы между состояниями. Когда состояние активно в компоненте, связанные с ним стили сохраняются для элемента, даже после завершения анимации.