打字稿下拉菜单中的预选项目

时间:2019-04-06 16:29:56

标签: javascript angular typescript

我创建一个角度为7的编辑表单。

这是我的代码:

html文件:

  <form [formGroup]="editFormFG">
        <select id="inputState" class="form-control" formControlName="parentId" [(ngModel)]="selectedCat">
          <option *ngFor="let item of listCatModel" [value]="item.id">
            {{item.name}}</option>
        </select>
  </form>

TS

GetMainCat(){

 this.categoryService.GetListItem(this.GetAllcatListUrl).subscribe(data=>{
  this.listCatModel=data.data,
  this.listCatModel.push({
    id:0,
    name:'دسته اصلی',
    parentId:0
  })
  this.listCatModel.sort((a,b)=>a.id - b.id)
});

,用于我形式的setValue:

    FillForm(id:number)
  {
    this.categoryService.GetItemById(this.deleteData,this.GetCatbyId).subscribe(data=>{
      this.editFormFG.setValue({
        name:data.data.name,
        parentId:[data.data.parentId]
      }),
      this.selectedCat=data.data.parentId;
    })

  }

当我选择一个字段时,在下拉列表中选择了父ID。我该怎么做???

0 个答案:

没有答案