如何在另一个组件角度10中渲染组件答案

【问题标题】：How to render a component inside another component angular 10如何在另一个组件角度10中渲染组件
【发布时间】：2021-01-12 09:23:04
【问题描述】：

我有一种情况，我必须在另一个组件内渲染一个组件，就像在另一个 div 内渲染一个 div。假设有两个组件HStack 和Button，我希望能够使用以上两个组件从任何其他组件做这样的事情：

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

我怎样才能做到这一点？ 任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

你要找的是content projection。

示例代码：

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>

【讨论】：