如何将ng-template整体作为一个参数,传递给另一个组件

简介: 如何将ng-template整体作为一个参数,传递给另一个组件

image.png将id为paramTemplate的template,作为一个整体,传递给另一个组件app-template-input.

app-template-input的实现代码:image.pngng-template的内容无法直接显示,而是通过ng-container完成。

ng-container配合ngTemplateOutlet, 可以用三元表达式来决定运行时应该显示的ng-template内容:image.pngimage.png

相关文章
|
3月前
vue3 自定义 v-model(无参数和带参数)【setup版】(两种方案)
vue3 自定义 v-model(无参数和带参数)【setup版】(两种方案)
61 0
|
3月前
|
移动开发 JavaScript 前端开发
VUE实现一个列表清单【props 父子组件通信、slot插槽的使用、全局自定义指令的封装、$nextTick解决异步DOM更新、巧用v-model简化父子组件之间的通信、触发事件的事件源event】
VUE实现一个列表清单【props 父子组件通信、slot插槽的使用、全局自定义指令的封装、$nextTick解决异步DOM更新、巧用v-model简化父子组件之间的通信、触发事件的事件源event】
33 0
|
3月前
|
JavaScript 搜索推荐
vue【详解】props —— 子组件接收父组件传入的参数
vue【详解】props —— 子组件接收父组件传入的参数
37 0
|
5月前
|
数据格式
【vue2事件传参1】自定义参数:在elementui的change事件中,自定义参数的传递方法
【vue2事件传参1】自定义参数:在elementui的change事件中,自定义参数的传递方法
468 1
【vue2事件传参1】自定义参数:在elementui的change事件中,自定义参数的传递方法
|
5月前
封装组件,通过指令进行调用,类似于elementUI中的loading组件
封装组件,通过指令进行调用,类似于elementUI中的loading组件
46 0
|
5月前
uniapp App端 解决input@input事件动态修改值不生效的问题
uniapp App端 解决input@input事件动态修改值不生效的问题
316 1
|
5月前
|
JavaScript
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
|
12月前
|
缓存 监控 JavaScript
Vue的插值、指令、过滤器、计算属性及监听属性,包涵所有基础技术
Vue的插值、指令、过滤器、计算属性及监听属性,包涵所有基础技术
62 0
|
Web App开发
关于 ng-template 通过 @input 传入另一个 Component 不能工作的问题调试
关于 ng-template 通过 @input 传入另一个 Component 不能工作的问题调试
|
JavaScript 网络架构
vue 动态路由component 传递变量报错问题解决
vue 动态路由component 传递变量报错问题解决
132 0