goo.gl/bPcyXW : Buy me a Coffee. bit.ly/2KD71FK : Next Part goo.gl/5h59y5 : Prev. Part bit.ly/2KQN9xF : More Angular Tutorials bit.ly/3Ktqess : MEAN Stack CRUD bit.ly/47yygKq : (Angular & .Net Core API) Tutorials
Don't you just love it when the uploader shows you the end result of the tutorial so that you don't waste time having to watch the whole thing OR scrub through to the end of the video see the result. LIKED!
I can't update material table while adding or updating employee because material table in employee-list component whereas we did add or update operation in employee component. how could I update the material table after add or update record?
Hi sir I am using pagemodule instead of component to do the onEdit popup button, but I can't add my page module to the entrycomponents in app.module.ts, is there any possible way to use pagemodule instead of component to do it?
Thks, this is a good example, i did the same with sqlserver i can add and change data without problem but the app dont refresh the table also dont sort any column, i wonder if you have any suggesting.
Hi, I am using ngForm and opening my ngForm in mat dialog. Dialog opens correctly, but fields do not populate the data..my data is reaching the function but i really dont know how to assign that data to my dialog...can you please help by suggesting that how should i set data in the opened dialog ? thanks
Hello sir, this is very useful and every operation works good but I have problem in edit option, I cant able to open the edit button. Can you please help me in removing that error?
Hi there, I have been struggling with a TypeError that shows dialogRef.close() is not a function. I have checked my imports in the corresponding file but I just can't find a way of this. Anyone out there has experienced anything similar and found a solution? Thanks
@@CodAffection thanks for the blazing fast reply Cod!! Found the problem, got the solution. It was not an angular material problem but a fault with angular itself. Thank you very much.
Thanks for this Video! but, I have a little problem, in onEdit() Metoth, populateform works fine, but when call this.dialog.open in onEdit() Metoth, the values of form are blank. I Test in OnCreate() Metoth and works equal because the values of form are defined in declaration on form:FormGroup and not that put int initialize metoth of service.it's strange...
Solved!!! The problem is in my @Component decorator of my employee-list.component.ts, because in provider i put the employee.service.ts. This cause that the values of form, don't goes to this.dialog.open() when it open in onCreate() metoth.
Hi bro .. This is an awesome video .. I am stucked here.. using pop up dialog to post details but the table is not get reload in angular 7. kindly help me get rid out of this bro...
Hi Asraf put this code in onCreate() at the end in "employee-list.component.ts" create a function loadEmployees() in this component to get all employees from service : CODE: this.dialog.afterAllClosed.subscribe(res => { this.loadEmployees(); console.log('AFTER ALL CLOSED'); });
How can I write this by only showing one option? : {{service.form.controls['$key'].value?"Modify Employee":"New Employee"}} For Example, I only want to show "Modify Employee" if the condition is met, without else option?
Can't give you a specif solution without seeing the exact code. These are some general solutions to try. hide scrollbar using css : stackoverflow.com/q/41650863/4133590 change width and height using css. let me know how it goes.
Hello! Really useful and great tutorial. I have a problem with the datepicker. The value of the date is not passed to the database. It seems like the date is passed as an object, which can not be read. Any solutions for that? Thank you very much!
@@CodAffection ERROR in node_modules/angularfire2/firebase.app.module.d.ts(17,22): error TS2420: Class 'FirebaseApp' incorrectly implements interface 'App'. Property 'performance' is missing in type 'FirebaseApp'.
@@saadben9488 I'm a little late on this but it sounds like your version of AngularFire is outdated. I'd say you're running 4.x. Go to your package.json file and edit the line to read "angularfire2": "5.0.0-rc.3", "firebase": "4.6.0" Then run command npm install in the CLI to get any necessary dependencies and you should be good to go.
![[LIVE] : ONE ลุมพินี 86 | คู่เอก "คมเพชร vs ชาติพยัคฆ์"](http://i.ytimg.com/vi/m3q_dRYDuU8/mqdefault.jpg)
goo.gl/bPcyXW : Buy me a Coffee.
bit.ly/2KD71FK : Next Part
goo.gl/5h59y5 : Prev. Part
bit.ly/2KQN9xF : More Angular Tutorials
bit.ly/3Ktqess : MEAN Stack CRUD
bit.ly/47yygKq : (Angular & .Net Core API) Tutorials
Hi, can you send me the code to test. from github
Don't you just love it when the uploader shows you the end result of the tutorial so that you don't waste time having to watch the whole thing OR scrub through to the end of the video see the result.
LIKED!
glad you found that quick demo helpful.
You just saved my whole existence, thank you!
Most simplifed tutorial of Modal in youtube.
Love it how you say "BOOM!!" Amazing tutorials
Thank you for making this series.
Glad you found it helpful.
Muchas Gracias, aprendi mucho practicando con sus tutoriales, muy bien explicado, muy agradecido
you are welcome.
Great and worthy Angular Tutorial.,Great Design and great use of Angular Material..
thaaaaanks, very helpfull
Thanku so much for this tutorial. Very good explanation.
Most welcome 😊
does dialogRef.close() function destroys the component too?
very thanks to you bro .
Hey cool video! but I was wondering how to change the postion where the pop up shows up
Its Good tutorial for beginners. Thank you
thank you man ! lot of yours tutorials help me !
Glad to hear that!
did you make search input ???
when u insert the record from the dialog, why isn't the data immediately available in the table??
thanks Sir. its really worth full.
Thank youuuuuuuu ^o^ You have the best tutorials eveeeeer !!!
You are being a big help !!! :D
thanks for your wonderful feedback.
Can we add image or update with this popup? Can you make an example? I couldn't find anywhere.
Hi Great Video. My Grid is not refreshing on Dialog close can you please tell me how you did that
sir problem is solved... thankuuuu so much sir i big fan of you.
thanks for the comment, sorry for the late reply.
its ok sir.
How the mat table is refreshing after dialog close.
Awsome 😍😍
I can't update material table while adding or updating employee because material table in employee-list component whereas we did add or update operation in employee component. how could I update the material table after add or update record?
Please share the solution if you have found it
Would like to know on save, update and delete operation how list is getting refresh,
Can you please help me out which video I should go through
Request you to share it here if you have found it out
nice
Where is the initialize form group function code
Thank you!!
Hi sir I am using pagemodule instead of component to do the onEdit popup button, but I can't add my page module to the entrycomponents in app.module.ts, is there any possible way to use pagemodule instead of component to do it?
im not able to display the saved data what should be done here
Thks, this is a good example, i did the same with sqlserver i can add and change data without problem but the app dont refresh the table also dont sort any column, i wonder if you have any suggesting.
is there any console error ?
@@CodAffection hi, i havent any console error, but all other functions work well.
@@CodAffection I realised that FIRESTORE uses snapshotChanges to keep the table updated. I m not using this as Data Base.
Hi, can you send me the code to test. from github
how about insertEmployee sir i cannot find it
Very Useful Tutorial. I would like to know how can I make dialog box bigger to have more input fields in the ADD/EDIT form?
hello , i need your help
can i add a new column with angular
Hi, I am using ngForm and opening my ngForm in mat dialog. Dialog opens correctly, but fields do not populate the data..my data is reaching the function but i really dont know how to assign that data to my dialog...can you please help by suggesting that how should i set data in the opened dialog ?
thanks
I encounter the same issue. The data is reaching the function and showing correctly in console but the dialog shows nothing.
I have the same problem...
i have same issue, onedit is opening the dialog but not passing the values
Thank you....................
you are welcome.
Hi, can you send me the code to test. from github
Thanks for such a beautiful tutorial. Question is, How can i add the ORDER BY to get new employee details in table
MatDialogForm causing a problem in my Angular application, how to solve this ??
Sir, after new record and update delete ,how the page refresh is happening?
Please show me how the mat table is refreshing after dialog close
good
Hello sir, this is very useful and every operation works good but I have problem in edit option, I cant able to open the edit button. Can you please help me in removing that error?
i have the same problem
Excellent explanation :) (y)
thanks for the comment, glad you found the tutorial helpful,
This video is nice but can you please give me url of previous video, I am not able to find previous video url.
here it is : th-cam.com/video/7wilnsiotqM/w-d-xo.html
Sir please implement login functionality in pop up model
Thanks
you are welcome.
Hi, can you send me the code to test. from github
Where's the css of this?
Hi there, I have been struggling with a TypeError that shows dialogRef.close() is not a function. I have checked my imports in the corresponding file but I just can't find a way of this. Anyone out there has experienced anything similar and found a solution? Thanks
please download demo project source code and compare with yours.
@@CodAffection thanks for the blazing fast reply Cod!! Found the problem, got the solution. It was not an angular material problem but a fault with angular itself. Thank you very much.
hello..i have problem with hireDate, the value does not register in firebase..help me please
github.com/CodAffection/Firebase-CRUD-in-Angular-Material/blob/master/README.md#issues-and-fixes
@@CodAffection thnksss
Can you please do an angular material with menu, side nav bar and content component.
Thanks for this Video!
but, I have a little problem, in onEdit() Metoth, populateform works fine, but when call this.dialog.open in onEdit() Metoth, the values of form are blank.
I Test in OnCreate() Metoth and works equal because the values of form are defined in declaration on form:FormGroup and not that put int initialize metoth of service.it's strange...
Solved!!! The problem is in my @Component decorator of my employee-list.component.ts, because in provider i put the employee.service.ts. This cause that the values of form, don't goes to this.dialog.open() when it open in onCreate() metoth.
Glad you found this angular material tutorial helpful. thanks for posting the solution. keep learning and sharing.
@@victorcasajuanamas Thanks man
@@CodAffection Why the component is blank when it is on providers?
i have the same problem
I am interestedc in ur notification service，can u share us more aboutｉｔ？
Hi bro .. This is an awesome video .. I am stucked here.. using pop up dialog to post details but the table is not get reload in angular 7. kindly help me get rid out of this bro...
Hi Asraf put this code in onCreate() at the end in "employee-list.component.ts" create a function loadEmployees() in this component to get all employees from service :
CODE:
this.dialog.afterAllClosed.subscribe(res => {
this.loadEmployees();
console.log('AFTER ALL CLOSED');
});
Hi, can you send me the code to test. from github
My onEdit(row) and populateForm(employee) function is not working, can you help me sir? :')
for me also , Edit function is not working
ERROR Error: Must supply a value for form control with name: '$key'.
Just add hireDate in firebase
@@vinayd6271 Just add hireDate in firebase
@@pranavpawar7792 can you please tell how to add hireDate in firebase
do you have this code in github please share
The whole project code is shared through github, link is there in video description.
How to export to pdf? And print
populateForm(employee) {
this.form.setValue(_.omit(employee,"departmentName"));
}
this function error generate.
how u solved this? I m getting same error
How can I write this by only showing one option? :
{{service.form.controls['$key'].value?"Modify Employee":"New Employee"}}
For Example, I only want to show "Modify Employee" if the condition is met, without else option?
use ngIf directive,
thks sir , new vid on thursday ?
Yes,
Hi sir
I'm facing one issue in popup, that is scrolling issue in popup how to avoid it, please help me sir
Please reply sir
Can't give you a specif solution without seeing the exact code.
These are some general solutions to try.
hide scrollbar using css : stackoverflow.com/q/41650863/4133590
change width and height using css.
let me know how it goes.
@@CodAffection thank you sir
Hi sir
Can you please help me For material table expand and collapse based on I'd
Can you please share your knowledge sir
Hello! Really useful and great tutorial. I have a problem with the datepicker. The value of the date is not passed to the database. It seems like the date is passed as an object, which can not be read. Any solutions for that? Thank you very much!
You can convert it using functions like getDate(), getMonth() etc
Good tutorial.. But I m getting error in onEdit(row) function
what is the error message ?
Just add hireDate in firebase
Hi, can you send me the code to test. from github
@@pranavpawar7792 i am also getting the same error
Sir can make video on pagination like Facebook using angular
pagination like facebook ?
please help me sir.
These projects have been completed but Sir, I am paving in one place.
Please help me
The edit function is not working.
any error message ?
error fixed sir.
Hi @@nadeemqureshi6835, please how you fixed the error about onEdit(row) function?
How you solved the error bro? , i think we have the same problem... but the difference is my problem has not solved yet :')
goo.gl/z87zco
Download project and copy service.ts page and paste you project service.ts file.
can you update angular for 8 Sir
do you have any problem while using my existing demo source code in angular 8.
@@CodAffection ERROR in node_modules/angularfire2/firebase.app.module.d.ts(17,22): error TS2420: Class 'FirebaseApp' incorrectly implements interface 'App'.
Property 'performance' is missing in type 'FirebaseApp'.
@@saadben9488 I'm a little late on this but it sounds like your version of AngularFire is outdated. I'd say you're running 4.x. Go to your package.json file and edit the line to read
"angularfire2": "5.0.0-rc.3", "firebase": "4.6.0"
Then run command npm install in the CLI to get any necessary dependencies and you should be good to go.
hello, show...
good tutorial, but your accent is killing me.
Sorry. I'm working on it.