如何發送選擇選項多數民眾贊成在數組形式從角

Question

我有一個帶有選擇選項的表單，這些選項是通過數組引入的。 當我發布表單時，出現錯誤，因為我需要將發布響應作為json傳遞到api，並且該值發送錯誤：

目前的樣子：

category: {category: "Add"}

但需要這樣：

category: "Add"

我的表單字段是：

<label class="form-label" for="category">Category: <sub class="text-secondary">*</sub></label>
              </div>
              <div class="col-4 col-sm-12">
                <select formControlName="category" class="form-select">
                  <option *ngFor="let state of category" [ngValue]="state">
                    {{ state.category }}
                  </option>
                </select>

在ts文件中提交功能。

onSubmit() {
    if(this.serviceForm.invalid) {
       this.serviceForm.setErrors({ ...this.serviceForm.errors, 'required': true });
       return;
    }
    //this.loading = true;
    this.uploading = true;
    this.service.postRequest(this.serviceForm.value).subscribe((response: any) => {
      console.log(response);//On success response
      this.router.navigate(['/confirmation'],{queryParams: {value: response.result[0].display_value}});
    }, (errorResponse: any) => {
      console.log(errorResponse); //On unsuccessful response
    });
    }
  }

服務

  postRequest(payload) {
    //add return//
    return this.http.post(this.ApiUrl, payload, { headers: new HttpHeaders().set("Content-Type", "application/json") });
  }

Answer 1

嘗試這個 ：

<select  [(ngModel)]="model.selectedState">
                    <option selected value></option>
                    <option *ngFor="let p of project.favoriteProjects" [value]="state">  {{ state.category }}</option>
                  </select>