以角度显示组件调用元素之间的内容

Question

我需要配置一个组件来显示他的调用元素中的内容。我该怎么做？

这是我的代码

<app-card>
    <h1>test</h1>
    ...
</app-card>

我想让 app-card 组件把他里面的所有 html 代码都拿出来并显示出来

Answer 1

类似的东西应该可以解决问题。

应用卡组件：

@Component({
  selector: 'app-card',
  template: '<ng-content></ng-content>'
})

export class CardComponent {

}