访问嵌套FormArray中的FormControl值

Question

这就是我所拥有的（忽略未封闭的div，这仅是名称的参考）：

<div *ngFor="let contact of VendorContactFormData.controls; let contactIndex = index; ">
  <div [formGroupName]="contactIndex">
    <div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label for="phone">Phone</label>
        <div formArrayName="phones">
          <div *ngFor="let phone of contact.get('phones').controls; let a = index;">
            <div [formGroupName]="a">
              <input placeholder="Contact Phone" class="form-control" formControlName="phone">
            </div>
          </div>
        </div>
       </div>
       ...

已设置数据，因此有一系列联系人。每个联系人都有一系列电话。我想访问第一个联系人的第一个电话的值。这是我得到的最接近的东西：

this.VendorContactFormData.at(0).get('phones').value[0]

这将返回{“ phone”：“ 216-621-5161”}。我试图获取电话号码，而不是整个数组元素。对于'phones'数组中的每个元素，我已经有一个formControlName“ phone”，但是在访问它时遇到了麻烦。我尝试过

this.VendorContactFormData.at(0).get('phones').value[0].controls('phone').value

但我收到此错误： “ TypeError：this.VendorContactFormData.at（...）。get（...）。value [0] .controls不是函数”

有什么想法吗？