从组件标签获取子元素

Question

我想知道Angular是否允许这样的机制：

<app-form-general>
  <p>Hello</p>
</app-form-general>

Angular对其进行编译并显示app-form-general，但我找不到用于处理子元素的方法。我想创建具有动态数量的元素的组件，但可悲的是，我想这是无法获得的。还是可以处理内部子数据？

Answer 1

您应该在组件“ app-form-general”中进行操作。

要在子组件中的任何位置显示子组件。添加此“ ng-content”

@Component({
  selector: 'app-any-component', // not app-root
  template:  '<button (click)="add">   
                 <ng-content></ng-content>
              </button>',
  styleUrls: ['./app.component.css']
})
export class AnyComponent{

}

//其他组件

 <app-any-component> Hello </app-any-component>

Here is stackblitz