Angular Material - Part 2: Popups & Modals (Dialogs, Tooltips and SnackBars)

---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[bain]

Thank you for the step by step instruction! it is very clear and easy to follow. Finally got it working after long search online.

[TarcisoJrBH]

Thanks from Brazil, save me a lot of time, straight to the point. Worked flawless ! subscribed now

[nzjemountfort]

AWESOME ! ONE OF THE BEST ANGULAR TUTORIALS - you might want to consider doing an updated one for the new angular naming conventions and required import changes. I see a few issues people are having with it including my self for a bit!

[akshaythakur]

Great video best ever so far on Dialogs

[sourishdutta]

How can I inject a service inside the dialog component for calling API? I can not depend on modal close (dialogRef.afterClosed()) and then get the data and call the API, I need to do it on open modal. Can you please tell me how to do that with injecting a custom service in dialog component. Do I need to use Injector? Thank You.

[AnandanK_]

thanks a lot :), i already tried lots of step but after lots of search i found solution from this video thanks !!! [i missed entryComponents in my module]

[netfanely]

nao me aceita com MdCardModule, MdButtonModule e MdDialogModule, eu reemplace com MatCardModule, MatButtonmodule, MattDialogModule mas não consegui fazer o exercicio =/
estou usando angular-cli 7

[elyu_vibes]

How can I pass dynamic data in snackbar? As of now I inject using template string open(`Hello ${this.name}!`, 'Close');

[vinodpatil]

Hello sir thank you so much for your awesome tutorial...please upload some more videos..

[SiriusW]

error( I followed your instructions. bt
(19, 38): Cannot find name 'MyDialogComponent'.

(login=demo-component)

login.component.ts (19, 38)

openDialog() {
let dialogRef = this.dialog.open(MyDialogComponent, {
width: '600px',
data: 'This text is passed into the dialog'
});

[kiruthikavelusamy]

Hi, I am getting " Inject is not defined" in my_dialog_component.ts in while defining constructor.
"constructor(public thisDialogRef: MATDialogRef<MyDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: string) { }"
Can you please help me ?

[bbass]

This is the first NG 4 tutorial I've found where the code ctually works ( not withstanding having to use the new modules instead of the old md<nnnn> syntax. Good work and thanks much. Subscribed based on the quality of your presentation.

[nareshkante]

Hey Can you tell me how to integrate timepicker in material angular 2 onwards...

[nagaprabhurapelli]

I have one doubt here, is this dialog will open while routing instead of button click ?
I want dialog/popup to open while routing, is it possible please help me here.

[pandarzzz]

Thank you for sharing this informative video! 😺🖐

[chagantisubhash]

Thanks alot. Did as you told and got dialog in 1st attempt. Would have taken ages if I figured it out myself.

[atluz]

How to manage in phone ?
col-md-12 in bootstrap .. how to this type of coding in angular material.. Plz. fast replay

[stevepottz]

Thanks A lot Sebastion! THis was a great help!

[StefanGoian]

Nice work Sebastian, keep the videos coming! You should do one on theming btw..

[Mariusreview]

@CodingTheSmartWay.com MyDialogComponent name not found i created the the component
but no go