Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.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_Ionic Framework_Formarray - Fatal编程技术网

Angular 提交表格表格

Angular 提交表格表格,angular,typescript,ionic-framework,formarray,Angular,Typescript,Ionic Framework,Formarray,我对formArray有意见。。我想将formArray提交到后端,但出现错误无法找到路径为“feedBackList->scoring”的控件。我应该怎么做修复此错误从出现。。。我应该怎么做修复此错误从出现。。。我应该怎么做才能修复此错误 这是我的示例代码 html <form (ngSubmit)="onSubmit()" [formGroup]="feedbackForm" (keydown.enter)="$event.preven

我对formArray有意见。。我想将formArray提交到后端,但出现错误
无法找到路径为“feedBackList->scoring”的控件
。我应该怎么做修复此错误从出现。。。我应该怎么做修复此错误从出现。。。我应该怎么做才能修复此错误

这是我的示例代码

html

<form (ngSubmit)="onSubmit()" [formGroup]="feedbackForm" (keydown.enter)="$event.preventDefault()">
    <div class="item_container__order_container" formArrayName="feedBackList"> 
     <ion-card>
        <ion-card-header>
          <ion-card-subtitle>1. How satisfied were you with our online menu?</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="1"></ion-checkbox>
          <online-menu  formControlName="scoring"  [messages]="ratingStarts('scoring')"></online-menu>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>2. Online menu made it easy for me to handle my order</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="2"></ion-checkbox>
          <handle-order  formControlName="scoring"  [messages]="ratingStarts('scoring')"></handle-order>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>3.How satisfied were you with your meal?</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="3"></ion-checkbox>
          <input-stars formControlName="scoring"  [messages]="ratingStarts('scoring')"></input-stars>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>4.What could we improve in our cafe</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="4"></ion-checkbox>
          <our-cafe formControlName="scoring"  [messages]="ratingStarts('scoring')"></our-cafe>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>5. How likely are you to recommend LeCyan Coffee House to a friend?</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="5"></ion-checkbox>
          <recommend formControlName="scoring"  [messages]="ratingStarts('scoring')"></recommend>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>6. Would you ome to our cafe again?</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <ion-checkbox formControlName="questionNo" checked="true" value="6"></ion-checkbox>
          <come-again formControlName="scoring"  [messages]="ratingStarts('scoring')"></come-again>
        </ion-card-content>
      </ion-card>
      <ion-card>
        <ion-card-header>
          <ion-card-subtitle>7. ,mind telling us your age?</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
          <div class="d-inline-grid" formgroup="age">
            <ion-checkbox formControlName="questionNo" checked="true" value="7"></ion-checkbox>
            <input type="radio" formControlName="scoring" id="option1" autocomplete="off">
          <label for="option1" class="btn btn-secondary mb-2 mt-1 active">
             Under 18
          </label>

          <input type="radio" formControlName="scoring" id="option2" autocomplete="off">
          <label for="option2" class="btn btn-secondary mb-2 active">
            18 - 24 years old
          </label>

          <input type="radio" formControlName="scoring" id="option3" autocomplete="off" >
          <label for="option3" class="btn btn-secondary active">
            25 and over
          </label>
        </div>
        </ion-card-content>
      </ion-card>
    </div>
    <button type="submit">submit</button>
  </form>
我想像这个例子一样传递数据

"feedBackList" : [
        {
            "questionNo" : 1,
            "scoring" : "5"
        },
        {
            "questionNo" : 2,
            "scoring" : "5"
        },
        {
            "questionNo" : 3,
            "scoring" : "5"
        },
        {
            "questionNo" : 4,
            "scoring" : "4"
        },
        {
            "questionNo" : 5,
            "scoring" : "10"
        },
        {
            "questionNo" : 6,
            "scoring" : "1"
        },
        {
            "questionNo" : 7,
            "scoring" : "25 and over"
        }

    ]

您需要在模板中循环使用FormArray:


您的实现是错误的。请遵循这一点。这是一个很好的指南。
"feedBackList" : [
        {
            "questionNo" : 1,
            "scoring" : "5"
        },
        {
            "questionNo" : 2,
            "scoring" : "5"
        },
        {
            "questionNo" : 3,
            "scoring" : "5"
        },
        {
            "questionNo" : 4,
            "scoring" : "4"
        },
        {
            "questionNo" : 5,
            "scoring" : "10"
        },
        {
            "questionNo" : 6,
            "scoring" : "1"
        },
        {
            "questionNo" : 7,
            "scoring" : "25 and over"
        }

    ]