Angular实现组件多层嵌套

需求：想用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>