/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
adev/src/app/features/home/components/deferrable-views-example/deferrable-views-example.ts
43 строки
1 KB
Matthieu Riegler
docs(docs-infra): remove explicit OnPush
25 мар 2026, 22:58
25 мар 2026, 22:58
1938054
Код
Авторство
О чём код?
/*! * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.dev/license */ import {Component} from '@angular/core'; import {RouterLink} from '@angular/router'; import {CodeBlock} from '../code-block/code-block'; @Component({ selector: 'adev-defer-example', imports: [RouterLink, CodeBlock], templateUrl: './deferrable-views-example.html', styleUrls: ['./deferrable-views-example.scss'], }) export class DeferrableViewsExample { exampleHtml = exampleHtml; exampleTs = exampleTs; } const exampleTs = ` @Component({ // importing the component that will be loaded lazily imports: [DataVisualization], }) export class DataVisualizationPage { dataService = inject(DataService); dataSet = this.dataService.getData(); } `.trim(); const exampleHtml = ` <section> <h2>Data visualization</h2> @defer { <!-- lazy loading a heavy component --> <app-data-visualization [data]="dataSet"> } </section> `.trim();