如何访问angular中另一个viewchild元素内的元素

我有一个这样的变量列表

languages: {languageDesc:string, languageId: string}[] = [];

<button mat-fab color="warn" class="center" (click)="translate()">
</button>
<ul class="list-group" cdkDropList (cdkDropListDropped)="drop($event)">
  <li *ngFor="let language of languages" cdkDrag #languagesElement >
    <div class="row">
      {{ language.languageId }}
      <h1 class="col text-left language-description"> {{ language.languageDesc | uppercase }} </h1>
      <textarea md-maxlength="150" rows="5" md-select-on-focus
        class="textarea" >  </textarea>
    </div>
  </li>
</ul>

像这样加载到我的组件中

languages: {languageDesc:string, languageId: string}[] = [];

<button mat-fab color="warn" class="center" (click)="translate()">
</button>
<ul class="list-group" cdkDropList (cdkDropListDropped)="drop($event)">
  <li *ngFor="let language of languages" cdkDrag #languagesElement >
    <div class="row">
      {{ language.languageId }}
      <h1 class="col text-left language-description"> {{ language.languageDesc | uppercase }} </h1>
      <textarea md-maxlength="150" rows="5" md-select-on-focus
        class="textarea" >  </textarea>
    </div>
  </li>
</ul>

我已经能够使用ViewChildren获得li元素的数组，并将其转换为数组

@ViewChildren('languagesElement') list: any;

let rows: [] = this.list.toArray();

我知道我可以这样做来获取数据

rows[0].nativeElement.children[0].children[0]...

但这种方法有点危险，而且对修改的抵抗力很弱

所以，我的问题是。 有没有办法在其他元素中通过模板获取元素？ 我的意思是，例如，在文本区域中设置一个模板#textarea并执行以下操作

row[0].getChildElement(#textarea)