поместите выбранное значение из db в опцию mat angular 12

Я хочу поместить выбранное значение из действия добавления, которое уже сохранено в базе данных, чтобы отобразить его в действии редактирования в или. это mat-selectтакже используется для добавления действия. в действии добавления значение пусто, в то время как в действии редактирования должно отображаться значение из базы данных. выбранное значение является внешним ключом в таблице A, который является первичным ключом в таблице B

мой .html файл ниже

                      <mat-form-field  appearance="outline" > 
                    <mat-select placeholder="Pilih Ruang " [(value)]="selected1" name="NAMA_RUANG" [(ngModel)]="dataKamar.ID_RUANG">
                        <mat-option *ngFor="let row of dataRuang" [value]="row.KODE_RUANG">{{row.NAMA_RUANG}}</mat-option>
                    </mat-select>
                </mat-form-field>

мой файл .ts ниже для вызова dataRuang

        getRuang(){
    this.api_ruang.baca().subscribe((result: any)=> {
      this.dataRuang = result;
    })
  }

позвонить dataKamar

        getAll(){
    this.api_kamar.getList().subscribe((result: any) => {
      this.dataSource = new MatTableDataSource(result)
      this.dataSource.paginator = this.paginator
      this.dataSource.sort = this.sort
    })  

  }  

сохранить

        addItem(){
    this.dataKamar.ID_RUANG = this.selected1;
    this.api_kamar.addItem(this.dataKamar).subscribe((response: any) => {
      this.getAll()
      this.cancelEdit()     
    })
  }

редактировать

        editItem(element: any){
    this.dataKamar = _.cloneDeep(element)
    this.isEdit = true
  }


  updateItem(){
    this.api_kamar.updateItem(this.dataKamar.ID_KAMAR, this.dataKamar).subscribe((response: any) => {
      this.getAll()
      this.cancelEdit()      
    })
  }

как я могу поместить выбранное значение из базы данных в mat-option?

Спасибо

0 ответов

Другие вопросы по тегам