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

Подписаться 21 тыс.

Просмотров 37 тыс.

50% 1

#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

Опубликовано:

2 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 53

@davebudah Год назад

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

@NihiraTechiees Год назад

Thanks🙏

@LavanyaVeluswamy 9 месяцев назад

Extra ordinary content. Thank you so much

@NihiraTechiees 9 месяцев назад

Glad you enjoyed it

@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

@marypaul9627 2 месяца назад

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 2 месяца назад

Could you send me mail with detail

@marypaul9627 Месяц назад

@@NihiraTechiees please I send you the email.

@tiucassio6929 11 месяцев назад

ty SR.

@NihiraTechiees 11 месяцев назад

Welcome

@siddharthkatiyar3327 2 месяца назад

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

@NihiraTechiees 2 месяца назад

Let me create separate video soon

@kavyashree7989 8 месяцев назад

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

@NihiraTechiees 8 месяцев назад

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

@akhiladigopula6732 Год назад

Bro please make a video without using json server

@NihiraTechiees Год назад

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

@davidrivera2164 8 месяцев назад

toma tu buen like, buen hombre

@NihiraTechiees 8 месяцев назад

👍

@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

@mkyounus4999 4 месяца назад

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

@NihiraTechiees 4 месяца назад

Can you provide scenarios

@mkyounus4999 4 месяца назад

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

@kavyashree7989 8 месяцев назад

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

@NihiraTechiees 8 месяцев назад

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 8 месяцев назад

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

@nemanjasavic9859 8 дней назад

Great video! 👏

@NihiraTechiees 8 дней назад

Glad you enjoyed it

@prajwaltheeyar4269 10 месяцев назад

How the code number is automatically incriminating here???

@NihiraTechiees 10 месяцев назад

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

@vasanthinc6174 6 месяцев назад

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

@NihiraTechiees 6 месяцев назад

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

@vasanthinc6174 6 месяцев назад

@@NihiraTechieesI will try thank you

@sunnygupta4201 11 месяцев назад

How bind data into mat table data coming from form array

@NihiraTechiees 11 месяцев назад

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

@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 11 месяцев назад

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???