[如何在不选择重新加载页面的情况下向按钮选择添加mat-options。角

Question

实际上，它并不是在选择另一个选择时按下按钮，而是通过内部过程返回了一个我想在其选择中的新选择中显示的数组。

 <mat-form-field>
    <mat-label>Rutas disponibles</mat-label>
    <mat-select id="select1">
      <mat-option *ngFor="let mv of moveByDoc" [value]="mv.id">
        {{mv.originpath}}
      </mat-option>
    </mat-select>
  </mat-form-field>

[加载页面时，该选择项显示为空，因为“ moveByDoc”仍然为空，然后单击另一个选择项时，它将被填充，并且当它被填充时，我希望它自动加载该选项，或者仅刷新此选择。

ts代码，附录不起作用，不添加任何内容：

loadPath(idDoc){
   this.authService.getmoveByDoc(idDoc)
  .subscribe((res : getmovemodel[])=>{
    this.moveByDoc = res;
    //$('#select1').append('<mat-option *ngFor="let mv of moveByDoc" [value]="mv.id">{{mv.originpath}}</mat-option>');
    $('#select1').append('<mat-option >hola</mat-option>');  
  }); 
}

Answer 1

尝试一下：

 <mat-form-field *ngIf="moveByDoc">
     <mat-label>Rutas disponibles</mat-label>
     <mat-select id="select1">
        <mat-option *ngFor="let mv of moveByDoc" [value]="mv.id">
        {{mv.originpath}}
     </mat-option>
    </mat-select>
 </mat-form-field>

并删除

loadPath(idDoc){
  this.authService.getmoveByDoc(idDoc)
  .subscribe((res : getmovemodel[])=>{
      this.moveByDoc = res; 
  });
}