zl程序教程

您现在的位置是:首页 >  其他

当前栏目

如何使用ngTemplateOutlet给ng-template模板传递参数

模板 如何 参数 传递 Template NG 使用
2023-09-14 09:04:01 时间

HTML源代码:

<ng-template #inputTemplateWithContent let-param let-name="name">
    <div>参数1: {{param}}</div>
    <div>参数2: {{name}}</div>
</ng-template>
<ng-container *ngTemplateOutlet="inputTemplateWithContent; context: myContext"></ng-container>
<br>

Component里定义的myContext:

ng-template里面let-param param对应的是myContext对象里面$implicit属性的值(let-param和let-param=”implicit“是一样的意思).

使用context来渲染ng-template: