浅谈Angular中插槽的用法


当前第2页 返回上一页

子组件 child

1

2

3

4

5

<div>

    <ng-content></ng-content>

    <ng-content select='.child'></ng-content>

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

</div>

父组件

1

2

3

4

5

<app-child>

    <p>默认插槽</p>

    <p class='child'>类名选择插槽</p>

    <p name='child'>属性选择插槽</p>

</app-child>

更多编程相关知识,请访问:编程视频!!

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

返回前面的内容

相关阅读 >>

浅谈Angular中的dom操作

浅谈Angular如何编译打包?如何使用docker发布?

深入了解Angular中的pipe(管道)

浅谈Angular中的变化检测(change detection)

了解Angular中的变化检测(change detection)机制

浅谈Angular中组件的生命周期

浅谈Angular中@viewchild的用法

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

浅谈Angular中@、=、&指令的差异

浅谈Angular模板指令:ng-template和ng-container的用法

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...