mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
61624fde3f
Removed `standalone: true` since it is now the default and no longer necessary. refactor(common): update ngComponentOutlet and ngTemplateOutlet examples and remove redundant standalone flag Removed `standalone: true` since it is now the default and no longer necessary. PR Close #64155
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
/**
|
|
* @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 {NgTemplateOutlet} from '@angular/common';
|
|
import {Component} from '@angular/core';
|
|
|
|
// #docregion NgTemplateOutlet
|
|
@Component({
|
|
selector: 'ng-template-outlet-example',
|
|
imports: [NgTemplateOutlet],
|
|
template: `
|
|
<ng-container *ngTemplateOutlet="greet"></ng-container>
|
|
<hr />
|
|
<ng-container *ngTemplateOutlet="eng; context: myContext"></ng-container>
|
|
<hr />
|
|
<ng-container *ngTemplateOutlet="svk; context: myContext"></ng-container>
|
|
<hr />
|
|
|
|
<ng-template #greet><span>Hello</span></ng-template>
|
|
<ng-template #eng let-name
|
|
><span>Hello {{ name }}!</span></ng-template
|
|
>
|
|
<ng-template #svk let-person="localSk"
|
|
><span>Ahoj {{ person }}!</span></ng-template
|
|
>
|
|
`,
|
|
})
|
|
export class NgTemplateOutletExample {
|
|
myContext = {$implicit: 'World', localSk: 'Svet'};
|
|
}
|
|
// #enddocregion
|
|
|
|
@Component({
|
|
selector: 'example-app',
|
|
imports: [NgTemplateOutletExample],
|
|
template: `<ng-template-outlet-example />`,
|
|
})
|
|
export class AppComponent {}
|