ng-content的一个实际例子

68 阅读1分钟

源代码:github.com/wangzixi-di…

parent:

<div style="background-color: #e54a62">
        <ng-content select="[name=test]"></ng-content>
    </div>

消费者代码:

其中属性为name,值为test的p节点,会落在app-content-section里定义的红色div内。而测试测试测试,会落在蓝色div内。

div节点会跑到绿色区域内:

更多Jerry的原创文章,尽在:“汪子熙”: