Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 我试图获取表单数组中的所有值,但要么得到错误,要么得不到数组中的所有值_Angular_Typescript_Formarray - Fatal编程技术网

Angular 我试图获取表单数组中的所有值,但要么得到错误,要么得不到数组中的所有值

Angular 我试图获取表单数组中的所有值,但要么得到错误,要么得不到数组中的所有值,angular,typescript,formarray,Angular,Typescript,Formarray,我是角度数组方面的新手,我需要获取对象数组中的所有形式数组值,但获取空字符串 请查看我的stackblitz帐户链接:- 我面临的问题:- 未获取formarray中输入框的所有值 错误:找不到路径为“用户->1->地址”的控件 图片: HTML代码:- <form *ngIf="mainFormArray" [formGroup]="usersForm" (ngSubmit)="createUsers()">

我是角度数组方面的新手,我需要获取对象数组中的所有形式数组值,但获取空字符串

请查看我的stackblitz帐户链接:-

我面临的问题:-

  • 未获取formarray中输入框的所有值
  • 错误:找不到路径为“用户->1->地址”的控件
  • 图片:

    HTML代码:-

     <form *ngIf="mainFormArray" [formGroup]="usersForm" (ngSubmit)="createUsers()">
          <div class="col-lg-12 box-shadow final-order border-bottom" style="padding-bottom: 1em;">
            <h2 class="mb-4" style="padding: 0 2.7em">Blanks</h2>
            <div *ngFor='let eachForm of mainFormArray ;let i = index' class="col-lg-12 custom-answer mb-5"
              style="padding: 0 26px; display: flex; overflow: auto;">
              <label style="margin: 7px 8px 7px -4px;">{{i+1}}.</label>
              <div formArrayName="users" style="display: flex;" class="col-md-4">
                <ng-container *ngFor="let item of eachForm.myFormsList.controls.users.controls; let j =index"
                  formGroupName="{{j}}">
                  <div class="col-lg-12 mb-4" style="display: flex; padding: 0;">
                    <div class="col-lg-12 custom-answer" style="padding: 0 35px;">
                      <input formControlName="address" type="text" placeholder="Enter answer">
                      <button style="margin: 0 7px" (click)="addUserRow(i)" type="button" class="blue-plus"><i
                          class="fa fa-plus" aria-hidden="true"></i></button>
                      <button style="margin: 0 7px" (click)="removeUserRow(i,j)" type="button" class="orange-cross"><i
                          class="fa fa-times" aria-hidden="true"></i></button>
                      <p style="padding: .5em 1em;">Answer {{j+1}}</p>
                    </div>
                  </div>
                </ng-container>
              </div>
            </div>
          </div>
          {{usersForm.value | json}}
        </form>
    
    
    空白
    {{i+1}}。
    回答{{j+1}

    {{usersForm.value | json}}