源代碼：https://github.com/wangzixi-diablo/ngDynamic/tree/main/src/app/ng-content

parent：

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

消費者代碼：

其中屬性為name，值為test的p節(jié)點，會落在app-content-section里定義的紅色div內(nèi)。而測試測試測試，會落在藍色div內(nèi)。

div節(jié)點會跑到綠色區(qū)域內(nèi)：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的ng-content的一个实际例子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。