如何使用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:
相关文章
- es6 模板字符串_模板字符串如何实现
- 如何看待「算法模板」
- WordPress主题的基本模板及常用函数
- 模板基本使用
- Vue的基本模板
- zencart模板如何设计「建议收藏」
- 如何定制zencart模板「建议收藏」
- 静态网页设计作品_web静态网页模板
- 案例:实现简易的模板引擎
- Vue3学习笔记(一)——MVC与vue3概要、模板、数据绑定与综合示例
- 本地搭建wordpress环境并配置模板完成访问
- Z-Blog首款微商企业类型主题模板--微商互联(Wslee)
- zblog明信片主题类型模板全新绽放,R角、透明、森系您想要的我都有
- 后端思维篇:如何抽一个观察者模板
- 【C++】模板初阶
- 模板网站如何做seo优化推广?什么样的网站模板符合seo优化?
- 详解模板注入漏洞(上)
- 如何在 LibreOffice 中创建模板以实现省时高效
- 「自制」Linux PPT模板:简约风格,打造专业演示(linuxppt模板)
- 用PHP制作静态网站的模板框架(一)
- 不用模板,只用ASP+FSO生成静态HTML页的一个方法
- Pjblog模板制作教程超强推荐
- 在PHP模板引擎smarty生成随机数的方法和math函数详解