MAT-DIALOG | Modal popup in angular material UI (Data transfer + Reactive forms) | Nihira Techiees

#materialui #angular15 #angularmaterial #matslider #nihiratechiees
This is the Part - 10 video in Angular 15 - Material UI Tutorial.
It explains mat-dialog component and below topics
1, Implementation steps for mat-dialog
2, Pass & retrieve data using mat-dialog
3, Reactive forms with POST & PUT Request handling
Source code GitHub Link
=========================
github.com/nih...
Join this channel to get access to perks:
/ @nihiratechiees

[@davebudah]

Great way of teaching...simple and straight forward.

[@NihiraTechiees]

Thanks🙏

[@user-et8et9hj3g]

Extra ordinary content. Thank you so much

[@NihiraTechiees]

Glad you enjoyed it

[@micUrCr7]

Bro easy to learn angular nobody likes teach you awesome 😍

[@NihiraTechiees]

Thanks

[@YoanGabriele]

Thank you for the tutorial!

[@NihiraTechiees]

Glad it was helpful!

[@davidrivera2164]

toma tu buen like, buen hombre

[@NihiraTechiees]

👍

[@marypaul9627]

Hi Nihira have been following your tutorials and they work great,I have a problem have been writing it same way for over a month on the pop up as you show and my pop up doesn't pop uu as yours it appears as a content of the same page , I have no idea why here is my code.
Create/Edit Profile

and
openPopUp(){
this.dialog.open(PopupComponent,{
width:'60%',
height:'400px'
})

[@NihiraTechiees]

Could you send me mail with detail

[@marypaul9627]

@@NihiraTechiees please I send you the email.

[@prasadmusini-w9x]

simply superb

[@NihiraTechiees]

Thanks

[@prasadmusini-w9x]

@@NihiraTechiees we are not updating the user here we are fetching user details and displaying on form but when i submit the form new record will get adding in json-server...

[@NihiraTechiees]

Can you check the id field value is passing?

[@VijayKumar-fq4ie]

Good video easy language. Bro can u make a video on multiple popup handling. Like edit popup as in this video and a confirmation popup on delete button.❤

[@NihiraTechiees]

Sure

[@msrnetcore1697]

wonderful bro

[@NihiraTechiees]

Thanks

[@salonimalkani2934]

plz help with this... when user click on button to open mat dialog box then the background form is not displaying i mean it get blank

[@NihiraTechiees]

Please check in console. Some error happend

[@kavyashree7989]

Hi, Please help with this, data are present in edit form but when I click on update it becomes new record of database.

[@NihiraTechiees]

Just use formname.getRawValue() for edit scenario. The reason your code field is disabled so form.value not taking the disabled field value

[@siddharthkatiyar3327]

Got it but how to make the dialog box resizable and dragable

[@NihiraTechiees]

Let me create separate video soon

[@sofiachavesalarcon6653]

hi, i've got a doubt, how can i solve the issue when I click on the cancel button but it adds the record anyway?

[@NihiraTechiees]

Look like it's trigger the submit event
.. Can you use "a" Tag instead of button... Otherwise add button type as button

[@sofiachavesalarcon6653]

Okey thanks that worked....but now there's another problem, when i try to edit one record and i click on the button save, it creates another record with a different ID. I don't want to see the same record duplicated offcourse. What can i do???

[@vasanthinc6174]

Hi...how to get the modal from left to side..this video is about modal on centre..hope you reply

[@NihiraTechiees]

By adding position property we can change... If more details needed sent me mail

[@vasanthinc6174]

@@NihiraTechieesI will try thank you

[@tuntunpandit8367]

Please make some big projects in angular 🙏

[@NihiraTechiees]

You can expect soon

[@kavyashree7989]

Hii, please help with this, when I try to edit record, it creates another record with different id how to resolve it?

[@NihiraTechiees]

The reason edit time the code value not taken from from bcz the field is disabled ..
So in this edit scenario for getting value from form use getRawValue()

[@kavyashree7989]

Still I'm getting same issue, data are present in edit form but when I click on update it becomes new record of database. Please help with this@@NihiraTechiees

[@sunnygupta4201]

How bind data into mat table data coming from form array

[@NihiraTechiees]

We can directly use.... Or map the data into model that we used in mattable

[@tiucassio6929]

ty SR.

[@NihiraTechiees]

Welcome

[@mkyounus4999]

How to get just data related to any of the customer name

[@NihiraTechiees]

Can you provide scenarios

[@mkyounus4999]

I have user table like empid name etc if I click on name the popup should be open with displaying empid name address etc

[@prajwaltheeyar4269]

How the code number is automatically incriminating here???

[@NihiraTechiees]

That i handled in api side..... Sql tables have identity option using that we can generate automatically

[@akhiladigopula6732]

Bro please make a video without using json server

[@NihiraTechiees]

Bro just change the api url. Otherwise all are same only

[@aksharanatureworld]

👍

[@NihiraTechiees]

🤝