浅谈Angular中插槽的用法(2)-木庄网络博客

2022-02-20 11:41:24 PHP中文网 JavaScript 百度已收录

子组件 child

<div>
    <ng-content></ng-content>
    <ng-content select='.child'></ng-content>
    <ng-content select='[name=child]'></ng-content>
</div>

父组件

<app-child>
    <p>默认插槽</p>
    <p class='child'>类名选择插槽</p>
    <p name='child'>属性选择插槽</p>
</app-child>

更多编程相关知识，请访问：编程视频！！

以上就是浅谈Angular中插槽的用法的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Angular》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者