在函数中选择ng模板引用并将其返回给ngTemplateOutlet,可以通过以下步骤实现:
TemplateRef
和ViewChild
装饰器:import { Component, TemplateRef, ViewChild } from '@angular/core';
ViewChild
装饰器,用于获取模板引用:@ViewChild('templateRef') templateRef: TemplateRef<any>;
这里的templateRef
是一个变量名,你可以根据实际情况进行命名。
ng-template
标签定义一个模板,并为其设置一个标识符(例如#templateRef
):<ng-template #templateRef>
<!-- 模板内容 -->
</ng-template>
templateRef
变量,将模板引用返回给ngTemplateOutlet
:getTemplateRef(): TemplateRef<any> {
return this.templateRef;
}
ngTemplateOutlet
指令,并调用函数获取模板引用:<ng-container *ngTemplateOutlet="getTemplateRef()"></ng-container>
这样,函数中选择的ng模板引用就会被返回给ngTemplateOutlet
,并在相应的位置进行渲染。
对于以上的操作,腾讯云并没有提供特定的产品或服务与之相关。
领取专属 10元无门槛券
手把手带您无忧上云