withComponentInputBinding — Angular

Включает привязку данных из состояния Router напрямую к входным параметрам компонента в конфигурациях Route. Также может принимать объект ComponentInputBindingOptions, задающий источники, из которых разрешена привязка.

API

function withComponentInputBinding(
  options?: ComponentInputBindingOptions,
): ComponentInputBindingFeature;

@paramoptionsComponentInputBindingOptions

@returnsComponentInputBindingFeature

Набор провайдеров для использования с provideRouter.

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

Пример включения этой функции:

const appRoutes: Routes = [];
bootstrapApplication(AppComponent,
  {
    providers: [
      provideRouter(appRoutes, withComponentInputBinding())
    ]
  }
);

Информация для привязки маршрутизатора берётся из следующих источников:

параметры запроса
параметры пути и матрицы
статические данные маршрута
данные от разрешителей

Повторяющиеся ключи разрешаются в указанном выше порядке — от наименьшего приоритета к наибольшему. Таким образом, разрешители имеют наивысший приоритет и переопределяют любую другую информацию маршрута.

Важно: если для входного параметра в данных маршрута нет элемента с соответствующим ключом, этому входному параметру присваивается значение undefined. Это предотвращает сохранение предыдущих данных, если они были удалены из маршрута (например, если был удалён параметр запроса). Значения по умолчанию можно задать с помощью разрешителя в маршруте, чтобы гарантировать наличие значения, либо использовать входной параметр и преобразование входных данных в компоненте.

Расширенный пример отключения привязки из определённых источников:

const appRoutes: Routes = [];
bootstrapApplication(AppComponent,
  {
    providers: [
      provideRouter(appRoutes, withComponentInputBinding({queryParams: false}))
    ]
  }
);