angular - 访问子元素

Question

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

家长：

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

孩子：

<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>

从孩子我可以使用@ViewChildren 访问：

export class ChildComponent implements OnInit {

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

但是有可能从父母那里访问所有这些吗？

Answer 1

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

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

在您的父母 TS 中：

@ViewChild(ChildComponent) child: ChildComponent;

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

这允许父级以 Javascript 对象的形式访问子级。这是你想要的吗？