浅谈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中组件（@component）基本知识

Angular中的firebase身份验证（代码示例）

了解一下vue中的插槽

vue.js中的插槽是什么

浅谈Angular10配置@路径别名的方法

浅析Angular路由中的懒加载、守卫、动态参数

10个从喜到悲的Angular面试题

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

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

书籍

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

￥83.86元   人民邮电出版社

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

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