provideClientHydration — Angular

Настраивает провайдеры, необходимые для включения функции гидратации приложения.

API

function provideClientHydration(
  ...features: HydrationFeature<HydrationFeatureKind>[]
): EnvironmentProviders;

@paramfeaturesHydrationFeature<HydrationFeatureKind>[]

Дополнительные функции для настройки поведения гидратации.

@returnsEnvironmentProviders

Набор провайдеров для включения гидратации.

Описание

Настраивает провайдеры, необходимые для включения функции гидратации приложения.

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

Согласование DOM при гидратации. Подробнее об этом можно узнать здесь.
HttpClient кэширование ответов при работе на сервере и передача этого кэша клиенту, чтобы избежать дополнительных HTTP-запросов. Подробнее о кэшировании данных можно узнать здесь. Инкрементальная гидратация. Подробнее.

С помощью этих функций можно отключить некоторые возможности, включённые по умолчанию, или включить новые:

withNoHttpTransferCache, чтобы отключить HTTP-кэш передачи
withHttpTransferCacheOptions, чтобы настроить параметры HTTP-кэша передачи
withI18nSupport, чтобы включить поддержку гидратации для блоков i18n
withEventReplay, чтобы включить поддержку повторного воспроизведения пользовательских событий
withNoIncrementalHydration, чтобы отключить инкрементальную гидратацию

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

Пример включения гидратации в приложении при использовании функции bootstrapApplication:

bootstrapApplication(App, {
  providers: [provideClientHydration()]
});

Если вместо этого вы используете NgModules, добавьте provideClientHydration в список провайдеров корневого модуля приложения.

@NgModule({
  declarations: [RootCmp],
  bootstrap: [RootCmp],
  providers: [provideClientHydration()],
})
export class AppModule {}