访问 child 个元素

Question

我认为做到这一点的唯一方法是服务，但我想知道是否有其他可能的方法。

Parent:

<h1> Parent title </h1>
<child-element></childElement>

Child:

<form #f="ngForm">
    <mat-card-content>
      <mat-input-container>
        <input matInput [(ngModel)]="id" name="id" placeholder="ID"  #input/>
      </mat-input-container>
      <mat-input-container>
        <input matInput [(ngModel)]="name" name="name" placeholder="NAME"  #input/>
      </mat-input-container>
    </mat-card-content>
</form>

来自 child 我可以通过 @ViewChildren 访问：

export class ChildComponent implements OnInit {

    @ViewChildren('input') inputs;
   //rest of code
}

但无论如何都可以从 parent?

访问所有这些

Answer 1

不太清楚，但如果我明白了：

<h1> Parent title </h1>
<child-element #child></childElement>

在您的父 TS 中：

@ViewChild(ChildComponent) child: ChildComponent;

doSomething() {
  console.log(this.child.inputs);
}

这允许父对象作为 Javascript 对象访问子对象。这是你想要的吗？

访问 child 个元素

access to child elements

angular

angular5

viewchild