上下文对象可以通过ngTemplateOutletContext属性传递给使用ng-template创建的嵌入式视图。
具体步骤如下:
下面是一个示例:
在父组件中定义上下文对象:
@Component({
selector: 'app-parent',
template: `
<ng-container *ngTemplateOutlet="embeddedView; context: contextObj"></ng-container>
`
})
export class ParentComponent {
contextObj = { message: 'Hello World' };
}
在父组件模板中使用ng-template创建嵌入式视图:
<ng-template #embeddedView let-message="message">
<div>{{ message }}</div>
</ng-template>
在嵌入式视图中,通过let关键字声明一个模板输入变量message,并使用它来访问上下文对象的属性。
这样,当父组件渲染时,上下文对象中的属性将传递给嵌入式视图,并在视图中显示出来。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云