Как я могу передать идентификатор при редактировании в угловых?

1

Я хочу передать идентификатор, когда только пользователь редактирует документ. Вот мой html и component.ts

Html

<h1 mat-dialog-title>Hi {{data.name}}</h1>
<form  [formGroup]="addTaskForm"  (ngSubmit)="save()" >
<mat-form-field>
  <mat-select formControlName="name" placeholder="Element Name">
    <mat-option *ngFor="let element of Elements" [value]="element.name">
      {{ element.name }}
    </mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field>
  <mat-select  formControlName="symbol"  placeholder="Element symbol">
    <mat-option *ngFor="let element of Elements" [value]="element.symbol">
      {{ element.symbol }}
    </mat-option>
  </mat-select>
</mat-form-field>

<div mat-dialog-actions>

  <button type="button" mat-button (click)="onNoClick()">Cancel</button>
<button type="submit"  mat-button cdkFocusInitial>Add</button>



</div>
</form>

component.ts

export class DialogOverviewExampleDialog {
 Elements = ELEMENT_DATA; 
addTaskForm: FormGroup;
  symbol = new FormControl('', Validators.required);
  name = new FormControl('', Validators.required);
  id = new FormControl('', Validators.required);
  constructor(
    public dialogRef: MatDialogRef<DialogOverviewExampleDialog>,
    @Inject(MAT_DIALOG_DATA) public data: any,
    private formBuilder: FormBuilder) { 
    if(data.element){
      console.log(data.element.name);
     this.name = data.element.name;
     this.symbol = data.element.symbol;
     this.id = data.element.id;
    }
     this.addTaskForm = this.formBuilder.group({
      name: this.name,
      symbol: this.symbol,
      id: this.id
    });
    }

  onNoClick(): void {
    this.dialogRef.close();
  }
  save(Element) {

    console.log('working');
    console.log(this.addTaskForm.value);
  }
}

когда пользователь нажимает кнопку "Добавить всплывающее окно", откроется с двумя раскрывающимися списками и добавит кнопку, в то время я не хочу идентификатор, но когда пользователь нажимает кнопку "всплывающее окно кнопки", откроется конкретная информация о строках в это время, если пользователь нажмет кнопку "добавить", я должен получить конкретный идентификатор, имя, символ в компоненте

демонстрация

Теги:
angular

1 ответ

0
Лучший ответ

Просто установите id: this.id пока вы добавляете

  this.addTaskForm = this.formBuilder.group({
      name: this.name,
      symbol: this.symbol,
      id: this.id
    });

также передайте идентификатор с вашим модальным,

if(data.element){
 console.log(data.element.name);
 this.name = data.element.name;
 this.symbol = data.element.symbol;
 this.id = data.element.id;
}

DEMO

Ещё вопросы

Сообщество Overcoder
Наверх
Меню