ngTemplateOutlet 和 context 用法

最新推荐文章于 2024-09-02 08:44:07 发布

Lorie要好好学习天天向上

最新推荐文章于 2024-09-02 08:44:07 发布

阅读量583

点赞数

分类专栏： angular 文章标签： angular

本文链接：https://blog.csdn.net/sinat_35820101/article/details/125257598

版权

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

context: object The object’s keys will be available for binding by the local template let declarations.
Using the key $implicit in the context object will set its value as default.

<ng-container *ngTemplateOutlet="test1; context: { $implicit: 'World', name: 'Lorie' }"></ng-container>
<hr>
<ng-container *ngTemplateOutlet="test2; context: { $implicit: 'World', name: 'Lorie' }"></ng-container>
<hr>
<ng-container *ngTemplateOutlet="test3; context: { $implicit: 'World', name: 'Lorie' }"></ng-container>

// test1 - Hello World! $implicit is World!
<ng-template #test1 let-name let-age><span>test1 - Hello {{name}}! $implicit is {{age}}!</span></ng-template>
// test1 - Hello Lorie! $implicit is World!
<ng-template #test2 let-name="name" let-age><span>test2 - Hello {{name}}! $implicit is {{age}}!</span></ng-template>
// test1 - Hello Lorie! $implicit is World!
<ng-template #test3 let-myName="name" let-age><span>test3 -Hello {{myName}}! $implicit is {{age}}!</span></ng-template>