Material control - Material Dialog
Material Dialog MatDialog cung cấp dịch vụ mở các popup/ modal dialogs với thiết kế đồng bộ của material. Một dialog được mở bởi method open cùng với một component để load các dữ liệu của component tạo thành dialog và có thể set các config cho dialog . open method sẽ trả về data dạng MatDialogRef : let dialogRef = dialog.open(UserProfileComponent, { height: '400px' , width: '600px' , }); MatDialogRef cung cấp khả năng điều khiển dialog. Nó có thể sử dụng để đóng một dialog và nhận notification cả khi dialog đó đã đóng. dialogRef.afterClosed().subscribe( result => { console .log( `Dialog result: ${result} ` ); // Pizza! }); dialogRef.close( 'Pizza!' ); Các components tạo bởi MatDialog có thể đưa vào MatDialogRef và sử dụng nó để đóng các dialog mà nó chứa. Khi đang đóng, các kết quả có thể được cung cấp nếu cần. Kết quả sẽ đẩy vào hàm afterClosed . @Component ({ /* ... */ }) export clas...