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

718 阅读1分钟

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:

更多Jerry的原创文章,尽在:“汪子熙”: