Angular /如何将获取的数据从字符串转换为数组

zaqwsx

我在对话框中有编辑表单,但是要接收的用于选择的api数据是字符串形式而不是数组形式,所以出现此错误:

错误:值必须是多选模式下的数组。

campaign.ts

  ngOnInit(): void {
    this.fetchdata();
  }

  fetchdata() {
    this.campaignService.sendGetRequest()
    .subscribe((data: any[])=>{
      this.campaigns = data;
    })
  }

  onEdit(item){
    this.campaigns.findIndex(i => i.id == item.id);
    const dialogRef = this.dialog.open(EditComponent,{
          data: item
        });
  }

编辑

this.editForm = this.fb.group({
  Name: this.data.name,
  SmsText: [this.data.smsText,  [Validators.required]],
  SmsSendDate: [this.data.smsSendDate,  [Validators.required]],
  SmsSendHoursRange: this.fb.group({
    start: [this.data.smsSendHoursRange.start,  [Validators.required]],
    end: [this.data.smsSendHoursRange.end,  [Validators.required]],
  }),
  Branch: [this.data.branch],
  InspectionResult: [this.data.inspectionResult],
  Categories: [this.data.categories],
  DateOfIssue: [this.data.dateOfIssue],
  Brand: [this.data.brand],
  VehicleCategory: [this.data.vehicleCategory],
  OwnerStatus: [this.data.ownerStatus],
  IsPhys: [this.data.isPhys],
  IsJRDC: [this.data.isJRDC]
});

// get centers
this.campaignService.getCenters().subscribe((data: any[])=>{
  this.centers = data;
})
// get vehicles
this.campaignService.getCategories().subscribe((data: any[])=>{
  this.categories = data;
})

edit.html

  <div class="column">
    <mat-form-field appearance="fill">
      <mat-label>Car category</mat-label>
      <mat-select multiple formControlName="Categories">
        <mat-option *ngFor="let item of categories" [value]="item.id">{{item.description}}</mat-option>
      </mat-select>
    </mat-form-field>
  </div>
<div class="columns">
  <mat-form-field appearance="fill">
    <mat-label>Centers</mat-label>
    <mat-select multiple formControlName="Branch">
      <mat-option *ngFor="let item of centers" [value]="item.centerCode">{{item.address}}</mat-option>
    </mat-select>
  </mat-form-field>
</div>

这是我想在数组中进行转换以供选择的api响应

branch: "G25,G22"
brand: "OPEL, SUBARU"
inspectionResult: "1"
...............
损害

在javascript中,有一个split(separator)函数,该函数通过分隔符将字符串分割成数组。

因此,在您的情况下,当构造formGroup时,您将进行设置,例如:

Branch: [this.data.branch.split(',')],

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular如何将文本字符串转换为打字稿中的html对象

来自分类Dev

如何使用Angular.js将字符串从数据库转换为XML

来自分类Dev

Angular 打字稿如何将字符串转换为 html 对象并将其传递给变量

来自分类Dev

Angular 10-将FormControl数组值转换为以逗号分隔的字符串

来自分类Dev

将JSON数组转换为HTML包装的字符串-Angular服务

来自分类Dev

将JSON字符串转换为Angular函数?

来自分类Dev

将字符串转换为Angular中的函数调用

来自分类Dev

如何在angular2中将秒转换为时间字符串?

来自分类Dev

如何在angular2中将秒转换为时间字符串?

来自分类Dev

如何在Angular中将字符串转换为json?

来自分类Dev

Angular2 / Typescript:如何将Javascript / Typescript日期转换为C#DateTime客户端的字符串表示形式

来自分类Dev

如何将字符串形式的任何公式转换为真正的公式并使用 Angular6 实现为动态创建的形式?

来自分类Dev

如何获取数组中的值,或者如何将数组转换为字符串?

来自分类Dev

如何将字符从数组转换为字符串

来自分类Dev

如何将字符数组转换为字符串

来自分类Dev

如何将JSON数组转换为字符串..?

来自分类Dev

如何将数组转换为最短的字符串

来自分类Dev

如何将JSON转换为数组或字符串?

来自分类Dev

Java,如何将字符串转换为数组

来自分类Dev

如何将键值对的字符串转换为数组

来自分类Dev

如何将数组转换为字符串

来自分类Dev

如何将数组转换为字符串

来自分类Dev

如何将字符串转换为数组

来自分类Dev

如何将字符串转换为对象数组?

来自分类Dev

如何将字符串转换为Python数组?

来自分类Dev

如何将字符串转换为数组?

来自分类Dev

如何将Xml转换为字符串数组

来自分类Dev

如何将字符串转换为数组?

来自分类Dev

如何将字符串转换为和数组

Related 相关文章

  1. 1

    Angular如何将文本字符串转换为打字稿中的html对象

  2. 2

    如何使用Angular.js将字符串从数据库转换为XML

  3. 3

    Angular 打字稿如何将字符串转换为 html 对象并将其传递给变量

  4. 4

    Angular 10-将FormControl数组值转换为以逗号分隔的字符串

  5. 5

    将JSON数组转换为HTML包装的字符串-Angular服务

  6. 6

    将JSON字符串转换为Angular函数?

  7. 7

    将字符串转换为Angular中的函数调用

  8. 8

    如何在angular2中将秒转换为时间字符串?

  9. 9

    如何在angular2中将秒转换为时间字符串?

  10. 10

    如何在Angular中将字符串转换为json?

  11. 11

    Angular2 / Typescript:如何将Javascript / Typescript日期转换为C#DateTime客户端的字符串表示形式

  12. 12

    如何将字符串形式的任何公式转换为真正的公式并使用 Angular6 实现为动态创建的形式?

  13. 13

    如何获取数组中的值,或者如何将数组转换为字符串?

  14. 14

    如何将字符从数组转换为字符串

  15. 15

    如何将字符数组转换为字符串

  16. 16

    如何将JSON数组转换为字符串..?

  17. 17

    如何将数组转换为最短的字符串

  18. 18

    如何将JSON转换为数组或字符串?

  19. 19

    Java,如何将字符串转换为数组

  20. 20

    如何将键值对的字符串转换为数组

  21. 21

    如何将数组转换为字符串

  22. 22

    如何将数组转换为字符串

  23. 23

    如何将字符串转换为数组

  24. 24

    如何将字符串转换为对象数组?

  25. 25

    如何将字符串转换为Python数组?

  26. 26

    如何将字符串转换为数组?

  27. 27

    如何将Xml转换为字符串数组

  28. 28

    如何将字符串转换为数组?

  29. 29

    如何将字符串转换为和数组

热门标签

归档