如何在另一个组件中呈现角为10的组件

Question

在这种情况下，我必须在另一个组件中呈现一个组件，就像在另一个div中呈现一个div一样。假设有两个组件HStack & Button，我希望能够使用上述两个组件从任何其他组件执行类似的操作：

<HStack>
  <Button>Similar kind of nesting here!</Button>
</HStack>

我如何做到这一点？任何帮助都将受到高度赞赏！！

Answer 1

你要找的是内容投影。

样本代码：

import { Component } from '@angular/core';

@Component({
  selector: 'HStack',
  template: `
  <ng-content></ng-content>
`
})
export class HStack {}

使用方法：

<HStack>
  <Button>Similar kind of nesting here!</Button>
</HStack>