首页 文章

表单数组中的动态mat-select选项

提问于
浏览
0

我有一个动态表单组 .

sample ui image

mat-select都是动态的 . 当我按下添加按钮时,它会添加另一个具有相同元素和相同动态字段的表单数组 .

在表单组数组的第一个索引中,当我在CATEGORY列中更改mat-select的值时,它将根据数据库中的值fetch填充JOB列 .

我的问题是,当我添加另一个表单组数组时,mat-select仍然是动态的,但是当我更改第2行中的mat-select值,列CATEGORY时,它会更改JOBS列中所有行的所有行 . 获取第一列中的数据 .

HTML文件

<mat-form-field>
  <mat-select formControlName="categories" 
          (selectionChange)="getJobs($event.value)">
              <mat-option *ngFor="let cat of categories" 
                 [value]="cat.jobCatID">
                {{cat.name}}
              </mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field>
   <mat-select formControlName="jobs">
          <mat-option *ngFor="let job of jobs" [value]="job.jobID">
            {{ job.name}}
          </mat-option>
   </mat-select>
 </mat-form-field>

TS文件

getJobs(id){
return this.category.getJob(id).subscribe(
  data => {
      if(data.success){
        this.jobs=data.jobsCat.jobs
      }
  }
)}

是他们无论如何我可以使 jobs 变量动态,为了让每个JOBS mat-select的ngFor中的不同对象变量具有相同的值?

1 回答

  • 0

    一切都好 . 我刚把工作变成阵列 .

    jobs:any[]=[];
    

    宣称是这样的 . 然后fetch使用索引作为动态数组的参数 .

相关问题