需求:想用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删除。