浅谈Angular中插槽的用法

本文摘自PHP中文网，作者青灯夜游，侵删。

Angular插槽的使用

使用ng-content 主要借助于select

• 如果什么都不填直接使用<ng-content></ng-content>，就会显示父组件传递的默认的内容

• <ng-content select='.child'></ng-content>使用的是类名选择器

• <ng-content select='[name=child]'></ng-content>使用的是属性选择器

相关推荐：《angular教程》

阅读剩余部分

相关阅读 >>

浅谈Angular中组件样式的工作原理

Angular入门学习之环境和项目的搭建

浅谈Angular cli的两种安装方式

Angular中怎么导出表格excel表格？

浅谈Angular中导入本地json文件的方法

聊聊Angular项目中将 .css 文件修改为 .scss 文件的方法

Angular cli如果搭建Angular+typescript+material项目？

深入了解Angular中的hostbinding和hostlistener装饰器

分享Angular中关于表单的一些知识点

12个关于Angular的经典面试题

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

书籍

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

￥83.86元   人民邮电出版社

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

转载请注明出处：木庄网络博客 » 浅谈Angular中插槽的用法