Всплывающее окно редактирования не работает после нажатия кнопки в углу 6 при попытке редактирования - PullRequest
Новая
       30

Всплывающее окно редактирования не работает после нажатия кнопки в углу 6 при попытке редактирования

0 голосов
/ 19 июня 2019

Я работаю в CRUD под углом 6. Моя работа состоит в том, чтобы нажать кнопку редактирования в таблице, в которую вводятся данные, а затем показать и изменить всплывающее окно, и таблица обновится с использованием угла 6.

Пожалуйста, помогите, заранее спасибо.

Я пытался добавить кнопку, как показано ниже

всплывающее окно открыто, но не

HTML-код: 

<td class="tbl2"> 
  <button type="button" (click)="OnClickFunction(employee.id)" class="btn btn-info" matTooltip="Click Edit Button">
   Edit
  </button> 
</td>

Код TS: 

OnClickFunction(employeeId: string) { 
  alert('move to Edit page'); 
  this.router.navigate(['/edit/'+employeeId]); 
}

1 Ответ

0 голосов
/ 19 июня 2019

Код компонента constructor(private data: DataService, public dialog: MatDialog){ }

openDialog(): void { const dialogRef = this.dialog.open(UserProfileComponent, { height: '500px', width: '400px', data: {UserInfo : this.authRslt } });

HTML 

<button (click)="openDialog()">Edit</button>
(You can pass particular id in click event)
...