Dropdown sudut bukan nilai bacaan
P粉513316221
P粉513316221 2024-02-21 20:17:21
0
1
334

Saya baru dalam Angular jadi harap maaf jika saya melakukan sebarang kesilapan. Saya cuba mendapatkan senarai yang dibuat dalam lungsur turun dan apabila pengguna memilihnya, ia harus log maklumat ke dalam pangkalan data.

Ini kod saya: Komponen.html

<mat-form-field appearance="fill">
  <mat-label>Retrieval Reason</mat-label>
  <mat-select [formControl]="RR" required>
    <mat-option>--</mat-option>
    <mat-option *ngFor="let reason of reasons" [value]="reason">
      {{reason.reason}}
    </mat-option>
  </mat-select>
  <mat-error *ngIf="RR.hasError('required')">Please choose a reason</mat-error>
</mat-form-field>

  <button
    mat-raised-button
    (click)="done()"
    color="primary"
    [disabled]="selection.selected.length === 0 || RR.hasError('required')"
  >
    Retrieve
  </button>

Component.ts

retrievalReason: Reasons;
    RR = new FormControl('', Validators.required);

  reasons: Reasons[] = [
    {reason: 'Cycle Count'},
    {reason: 'Purge Request'},
    {reason: 'Picking'},];

    done() {
    this.dialogRef.close({
      carrier: this.carrier,
      destination: this.selection.selected[0].dstId,
      retrievalReason: this.RR.get('reasons').value,
    });
  }

Saya mencari kaedah Angular untuk membaca nilai daripada menu lungsur dan mencuba nama pembolehubah yang berbeza tetapi tiada apa yang berjaya setakat ini.

P粉513316221
P粉513316221

membalas semua(1)
P粉022723606

Saya rasa satu-satunya perkara yang mungkin salah ialah jika anda mencuba retrievalReason: this.RR.get('reasons').value tetapi itu untuk mendapatkan kawalan borang bagi borang tersebut.

Anda hanya mempunyai satu kawalan bentuk, jadi cukup retrievalReason:this.RR.value sahaja.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan