需求:想用Angular實現Card組件,Card組件中要可以嵌入其他組件或者內容。
方法:使用ng-content
代碼:
card.component.html
<div> card works!
<div>
<ng-content></ng-content>
</div>
</div>
引入card組件的home.component.html
<app-card>
<a>test</a>
</app-card>
需求:想用Angular實現Card組件,Card組件中要可以嵌入其他組件或者內容。
方法:使用ng-content
代碼:
card.component.html
<div> card works!
<div>
<ng-content></ng-content>
</div>
</div>
引入card組件的home.component.html
<app-card>
<a>test</a>
</app-card>
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。