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

Question

我需要配置一个组件来显示他的调用元素中的内容。我怎样才能做到这一点？

这是我的代码

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

我希望 app-card 组件获取他里面的所有 html 代码并显示它

标签： angulartypescript

Answer 1

像这样的东西应该可以解决问题。

应用卡组件：

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

export class CardComponent {

}