如果子组件中的元素可用，则@viewchildren不工作

Question

假设我有“ParentComponent”

ParentComponent.html

<div>
  <child1></child>
</div>

Child1.html

<h1 #childH1>
  Ezzy
</h1>

现在如果我们从“parentComponent.ts”访问“childH1”，那么如果我们使用@ viewchildren / @viewchild就无法访问它。

Answer 1

将#childH1放在父模板中：

  <child1 #childH1></child>

Answer 2

参考#childH1应该在父子选项卡中 ParentComponent.html

<div>
  <child1 #childH1></child>
</div>
Child1.html

<h1 >
  Ezzy
</h1>