浅谈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中的ngrx/store框架

Angular cli中的在线和离线安装

Angular如何创建服务？5种方式了解一下！

浅谈Angular中如何添加和使用font awesome

浅谈Angular中的$injector对象

浅谈Angular如何使用ng-content进行内容投影

详解Angular中的模板输入变量（let-变量）

了解Angularjs中的“模块”

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

解决Angular中的浏览器兼容性问题的方法介绍

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

书籍

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

￥83.86元   人民邮电出版社

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

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