Javascript NgModel没有反映下拉列表中的选定值，该下拉列表的值是基于另一个下拉列表填充的

加载组件时，我希望mainTask和mainJob在下拉列表中反映为一个选择，mainTask按预期反映，但mainJob在UI中未更新。但是，如果我从任务列表中手动选择UI中的值，则会相应地更新mainJob。似乎没有反映mainJob，因为选择mainTask会触发jobList下拉列表。如何更正代码

html文件

<mat-form-field>
              <mat-select [(ngModel)]="mainTask">
                <mat-option *ngFor="let task of taskList"
                            [value]="task"
                            (click)="getJobs()">
                  {{task}}
                </mat-option>
              </mat-select>
            </mat-form-field>

    <mat-form-field>
              <mat-select [(ngModel)]="mainJob">
                <mat-option *ngFor="let job of jobList"
                            [value]="job">
                  {{job}}
                </mat-option>
              </mat-select>
            </mat-form-field>

---

是，仅当调用getjobs函数时才选择mainJob

可以在组件中为mainJob指定值，如

mainJob:string = 'job2';

---

而不是在恩格尼特。检查这个插件

我不清楚你想用这个.jobList.0，jobIndex实现什么。我想你的意思是this.mainJob=this.jobList[jobIndex]我正在删除数组jobList中从数组开始到该数组中存在的mainTask索引的所有值。

mainJob:string = 'job2';