Angular 如何获取子组件？

我想在父组件中获取子组件

不知道，所以我需要帮助

像这样的代码

我希望在家长的组件中得到孩子

我希望在家长的组件中得到孩子。

---

像这个stackblitz.com/edit/angular-h5j7vq，在父组件中没有“ng内容”，但我想获得内部组件、html、模板。

将这个

添加到父组件html文件中，这样子组件将在父组件中

参考官方文档

母公司

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

@Component({
selector: 'app-parent',
template: `
<app-child [childMessage]="parentMessage"></app-child>
`,
styleUrls: ['./parent.component.css']
})
export class ParentComponent{
parentMessage = "message from parent"
constructor() { }
}

不要忘记在模块文件中声明组件

编辑：-

@Component({
  selector: 'parent',
  template: `
    I'm parent
    <ng-content></ng-content>//do this..
  `,
  styles: [ '' ]
})

@组件({
选择器：'父'，
模板：`
我是父母
//这样做。。
`,
样式：['']
})

如果要在父组件中的子组件中获取数据，请使用@Output property或@ViewChild（）。请参阅

[component Interaction][1]

如果只想在parent中调用子组件，请在parent.html中添加：

<child-selector></child-selector>

---

问题有点不清楚，但如果您试图在父组件中呈现子组件，则可以使用

。在父选择器之间添加标记时，

ng content

将替换为内容

我在底部提供了stackblitz演示

parent.component.html

另一个组件

内容将在父级中呈现。
你能澄清一下吗，你是想在父组件中呈现子组件吗？就像这样，父组件中没有“ng内容”，但我想进入组件、html、模板中。你的问题不是很清楚，比如stackblitz.com/edit/angular-h5j7vq，父组件中没有“ng内容”，但是我想了解组件、html、模板。您正在尝试呈现从app.component.ts传递到父标记的组件。除非呈现在父组件中传递的内容，否则将永远不会呈现子组件。在你父母的模板中添加标签。像这个stackblitz.com/edit/angular-h5j7vq，在父母成分中没有“ng内容”，但我想进入组件、html、模板。像这个stackblitz.com/edit/angular-h5j7vq，在父母成分中没有“ng内容”，但是我想进入组件、html、模板的内部。像这个stackblitz.com/edit/angular-h5j7vq，在父组件中没有“ng内容”，但我想进入组件、html、模板的内部。@user10091238在这个stackblitz中，如果你向父模板添加
，它应该可以工作。您在
更多内容之间放置的内容将与
标记交换。请看我答案底部的stackblitz
<child-selector></child-selector>

<div class="parent-container">
    <ng-content></ng-content>
</div>

<parent>
    <h1>Content will render in parent.</h1>
</parent