withAppShell — Angular

Настраивает оболочку приложения.

API

function withAppShell(
  component:
    | Type<unknown>
    | (() => Promise<Type<unknown> | DefaultExport<Type<unknown>>>),
): ServerRenderingFeature<ServerRenderingFeatureKind.AppShell>;

@paramcomponentType<unknown> | (() => Promise<Type<unknown> | DefaultExport<Type<unknown>>>)

Компонент Angular, который будет отрисован для оболочки приложения. Это может быть непосредственно тип компонента или функция динамического импорта.

@returnsServerRenderingFeature<ServerRenderingFeatureKind.AppShell>

Объект ServerRenderingFeature, настраивающий оболочку приложения.

Описание

Настраивает оболочку приложения.

Оболочка приложения — это минимальная статическая HTML-страница, которая сразу же отправляется пользователю, пока полное приложение Angular загружается в фоновом режиме. Это повышает воспринимаемую производительность, обеспечивая мгновенную обратную связь для пользователя.

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

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

import { provideServerRendering, withAppShell, withRoutes } from '@angular/ssr';
import { AppShellComponent } from './app-shell.component';

provideServerRendering(
  withRoutes(serverRoutes),
  withAppShell(AppShellComponent)
);

import { provideServerRendering, withAppShell, withRoutes } from '@angular/ssr';

provideServerRendering(
  withRoutes(serverRoutes),
  withAppShell(() =>
    import('./app-shell.component').then((m) => m.AppShellComponent)
  )
);