角度嵌套@ViewChild

如何解决角度嵌套@ViewChild

我有一个处理表单的组件。其属性之一如下：

@ViewChild('name') name: ElementRef;

name 来自表单本身的引用：

<input type="text" #name>

在表单底部我有一个提交按钮：

<button (click)="onAdd()">Add</button>
...
onAdd() {
  // Do something with this.name.nativeElement.value;
}

只有一个属性很好，但是是否可以将这些 @ViewChild 包装在一个对象（或接口？）中，以便它们全部打包在一起而不是松散在组件中？类似其中之一：

person: {
  @ViewChild('name') name: ElementRef;
}

Interface Person {
  @ViewChild('name') name: ElementRef;
}

我制作了一个代码笔 here。