标签：type rip class containe else 用法 lse gif control
ngTemplateOutlet 的用法
HTML
<span class="ant-alert-message" *ngIf="nzMessage"> <ng-container *ngIf="isMessageString; else messageTemplate">{{ nzMessage }} + 123</ng-container> <ng-template #messageTemplate> <ng-template [ngTemplateOutlet]="nzMessage"></ng-template> </ng-template> </span> <ng-template #messag> HTML模版 </ng-template>
TypeScript
@ViewChild(‘messag‘) _message: string | TemplateRef<void>; //定义 _message是一个模板 set nzMessage(value: string | TemplateRef<void>) { this.isMessageString = !(value instanceof TemplateRef); this._message = value; } get nzMessage(): string | TemplateRef<void> { return this._message; } ngOnInit(): void {
// 代码中的定义字符串模版 // this.nzMessage = ‘这是一个字符串‘; this.nzMessage = this._message; }
Angule 动态模版 ngTemplateOutlet 的用法
标签：type rip class containe else 用法 lse gif control
原文地址：https://www.cnblogs.com/bigmango/p/12356377.html
