Shameer, Thanks for your All Effort! You are teaching very well! For the info others--> 00:00-08:50 Generate project and components 08:50 Toolbar 13:30 ReactiveForm until 36:00 17:15 GridList 19:00 MatFormField,MatInput 22:30 Radio button 24:00 Select 26:00 DatePicker 27:40 Checkbox 29:00 Button 30:30 Validations Form until 37:00 32:10 materror 36:00 reset form 37:00 Form submit crud to firebase until 55:30 56:00 SnackBar popup 01:01:40 Datatable 01:38:10 Pop-up 01:58:15 customize pop-up
Breaking changes: Components can no longer be imported through “@angular/material. Use the individual secondary entry-points, such as @angular/material/button. I am using Angular Material v9.2.
You have mastered the ability of pretending to teach but not actually letting anybody know a thing about what you are teaching so it look some high level shit. Great, a new coder would never know what just happened. Ninja technique.
Thank you for this tutorial, I've been using razor pages from asp.net mvc, but it's way better develop an API and then an UI with Angular. Very good tutorials from you channel, thank you.
asp.net razor is way older than angular I don't think asp.net razor can compete with angular the web api should be asp.net yet the client should be angular
Hi shamseer really good work by combining the videos of angular material really appreciate it. Can you also make a video to download an image/files on the client side.
Thanks for keeping your tutorials up to date with the latest releases of Angular. The resources you provide have been very helpful. I'm also eager to know if the smart and elegant VSCode theme you used in this video is available as a named extension?
Your angular material videos help me alot brother really appreciate your hard work .. thanks.. can you make some videos on ngrx .. or some dedicated videos on css coz your css skills are good tho..
Thank you for taking time to share this tutorial, this tutourial has been awesome, though I'm new to Angular but I have an error (RROR TypeError: Cannot read property 'name' of undefined at DepartmentService.getDepartmentName (department.service.ts:34) at employee-list.component.ts:28) here ( getDepartmentName($key) if ... else{ return _.find(this.array, (obj) => {return obj.$key == $key; })['name']; }), please help out I'm using Angular 9 and Typescript 3.8.3. Thanks
As per tutorial instruction created firebase database and trying to fetch list from that but in this response it showing as [object object] Please do let me know...
@CodAffection isn't it bad to place so much html in 1 page. Wouldn't it beter if u made multiple components who control different parts of the code? Or am I wrong
Mr, Thanks a lot. Your tutorial is so very usefull. However, you don´t explain how refresh the datatable list after update, add or delete a record. I did the following: this.dialog.afterAllClosed.subscribe( res => this.refresh(), ); refresh() function calls the method that get all the records from the api rest. It works, but it does it refreshing all the table again, and it is a litle ugly. I searched help in te web, but I can´t find a way to do this ( at least not with the MatTableDataSource class. With a HTML table thats works with an array, I could do it). Please could you help me?
Thanks for this vedio this vedio solved my verious doubt's but i want to use mongodb database with my rest api so it's very helpful for my project please help me.
Thanks for reply i don't expect that Actually i want to create a dashboard in angular and this contain role management permission admin and user based but i did not how to manage Please help me Can we talk another where i put down my mail please help me it's my final year project. Er.kumarshanu@gmail.com
Thanks for the video. I've one questions: why you are providing services into the providers array property of AppModule if you are using providedIn: 'root' ? You already have your service in the root injector, you don't need to add twice, or I miss something else? Thanks
Bonjour s'il vous plait j'ai deja suivre la video de crud avec angular 7 et web api mais la modification de la liste ça marche pas, si vous pouvez m'aidez s'il vous plait, a part ça merci bien
Hey i hope you're good. I had the same issue and i solved it putting the input hidden with any and that's it so you've already aded the directive matInput to all
![[Watch Party] RoV Pro League 2024 Winter | ( Bacon Time Vs PSG )](http://i.ytimg.com/vi/zM25REvnJW4/mqdefault.jpg)
Shameer, Thanks for your All Effort! You are teaching very well!
For the info others-->
00:00-08:50 Generate project and components
08:50 Toolbar
13:30 ReactiveForm until 36:00
17:15 GridList
19:00 MatFormField,MatInput
22:30 Radio button
24:00 Select
26:00 DatePicker
27:40 Checkbox
29:00 Button
30:30 Validations Form until 37:00
32:10 materror
36:00 reset form
37:00 Form submit crud to firebase until 55:30
56:00 SnackBar popup
01:01:40 Datatable
01:38:10 Pop-up
01:58:15 customize pop-up
Thanks for the time to comment this time stamps.
Breaking changes: Components can no longer be imported through “@angular/material. Use the individual secondary entry-points, such as @angular/material/button. I am using Angular Material v9.2.
hey do u have source code of this CRUD application as i m facing issue in firebase
You have mastered the ability of pretending to teach but not actually letting anybody know a thing about what you are teaching so it look some high level shit. Great, a new coder would never know what just happened. Ninja technique.
Outstanding. I tried this myself and your tutorial was excellent. Thank you.
i learn class from your .net core api and angular to build my web , thank you so much !!!
Waiting for this from long thank you very much for making videos.i appreciate u for ur hard work
Thank you for this tutorial, I've been using razor pages from asp.net mvc, but it's way better develop an API and then an UI with Angular. Very good tutorials from you channel, thank you.
thanks for your wonderful feedback.
asp.net razor is way older than angular I don't think asp.net razor can compete with angular the web api should be asp.net yet the client should be angular
Thanks .it is very helpful...
This tutorial is absolutely amazing. Thanks so much!!
Thanks a lot brother completed it .. I am your frequent watcher !! viewer whatever xd
This is excellent tutorial, really amazing! I followed it on Angular 10. Thank you so much!
Is it working all it extra link and component
absolutely amazing.
Hi shamseer really good work by combining the videos of angular material really appreciate it. Can you also make a video to download an image/files on the client side.
Thank You for the great video!!!
Awesome. International quality video bro.
It is a very good video for the angular material thank you
Glad you think so!
Very helpfull thanks
Amazing tutorial. thank you very much!
absolutely outstanding, keep up the good work. thanks :)
make complete tutorial for reactive forms
thank you for nice video
Hi, what version of Angular do you use in this project? Thanks for the videos, they are a great help.
Can you make similar tutorial with PrimeNG?
thank you..you did a great job.
Thanks for keeping your tutorials up to date with the latest releases of Angular. The resources you provide have been very helpful. I'm also eager to know if the smart and elegant VSCode theme you used in this video is available as a named extension?
NightOwl I think.
Thank You. It is great very useful.
Super...Sir...Thank u
make complete tutorial for angular also
excellent tutorial. Thank you @CodAffection
you r great, thank you so much :)
Great man...!!! Multiple kudos....!
thanks for the comment.
Your angular material videos help me alot brother really appreciate your hard work .. thanks.. can you make some videos on ngrx .. or some dedicated videos on css coz your css skills are good tho..
Mr, Thanks a lot. Your tutorial is so very usefull. However, you don´t explain how to manupulate date don’t appair in a record firebase.
Thanks, this is very useful. i am not able to validate the form field for ng-select with material theming, could you please post the code snippet?
"Click on clear. Boom!" :)
thanks for your work please can u make a tutorial about how to upload images using Angular, expressjs, nodejs and mongoDB please
thanks for the suggestion.
Nice compiled video. can we have this project available in the git repository?. thank you!
can do a video series using angular and nativescript to create both web and mobile by using code sharing?
Good Job 👍
Useful video. That would be great if you can reproduce the same video with Laravel API...resorces
>ng new NameOfProject --skip-tests --skip-git to ignore all ".spec.ts" files creation and Git
thanks for the tip. greatly appreciated.
Thank you for taking time to share this tutorial, this tutourial has been awesome, though I'm new to Angular but I have an error (RROR TypeError: Cannot read property 'name' of undefined
at DepartmentService.getDepartmentName (department.service.ts:34)
at employee-list.component.ts:28) here ( getDepartmentName($key) if ... else{
return _.find(this.array, (obj) => {return obj.$key == $key; })['name'];
}), please help out I'm using Angular 9 and Typescript 3.8.3. Thanks
Go to your firebase console and change the department in the employees list to be the same with departments key ('abc1', 'abc2'...)
As per tutorial instruction created firebase database and trying to fetch list from that but in this response it showing as [object object]
Please do let me know...
How it can used with ASP.NET or Core API?
let me check what I can do for that.
Please can you help on how to count record in angular firebase realtime?
How about a video on using Chart.js or D3.js for charts and dashboard and a pdf program for generating PDF reports in Angular.
thanks for the suggestion.
how u install the git and how your are using firebase
@CodAffection isn't it bad to place so much html in 1 page. Wouldn't it beter if u made multiple components who control different parts of the code? Or am I wrong
Awesome Clear voice and start to make a complete website using Angular 8??
thanks for the comment and suggestion for angular tutorial.
@@CodAffection thanks for reply 😉
Mr, Thanks a lot. Your tutorial is so very usefull. However, you don´t explain how refresh the datatable list after update, add or delete a record.
I did the following:
this.dialog.afterAllClosed.subscribe(
res =>
this.refresh(),
);
refresh() function calls the method that get all the records from the api rest. It works, but it does it refreshing all the table again, and it is a litle ugly.
I searched help in te web, but I can´t find a way to do this ( at least not with the MatTableDataSource class. With a HTML table thats works with an array, I could do it).
Please could you help me?
Having an error at service.form? How can i solve this ? Help me
Thanks for this vedio this vedio solved my verious doubt's but i want to use mongodb database with my rest api so it's very helpful for my project please help me.
let me know if you've any anguar / angular material topic to be discussed.
Thanks for reply i don't expect that
Actually i want to create a dashboard in angular and this contain role management permission admin and user based but i did not how to manage
Please help me
Can we talk another where i put down my mail please help me it's my final year project.
Er.kumarshanu@gmail.com
Thanks for the video. I've one questions: why you are providing services into the providers array property of AppModule if you are using providedIn: 'root' ? You already have your service in the root injector, you don't need to add twice, or I miss something else? Thanks
yes, you are correct. thanks for the correction.
Can we use angular material with angular4 for project?
Bonjour s'il vous plait j'ai deja suivre la video de crud avec angular 7 et web api mais la modification de la liste ça marche pas, si vous pouvez m'aidez s'il vous plait, a part ça merci bien
Where I am Cod is a type of fish, and so I got a giggle out of the site name. Probably code was taken already
ERROR Error: formGroup expects a FormGroup instance. Please pass one in.
hello sir i would like to know how you do to generate the project structure before pasting in the application_structure.txt file
I manually typed that, and pasted into the text file.
Hi.. How it can used with ASP.NET
Nyc video , anyone can share me the latest code.
Plz gide me how to use these with wep api.
I'll try.
Is this angular 6 or 8?
ERROR Error: Must supply a value for form control with name: 'hireDate'.
Hey i hope you're good. I had the same issue and i solved it putting the input hidden with any and that's it so you've already aded the directive matInput to all
@@erickjhormanromero6905 thanks a lot, I will try at night , after work.
speak spanish ?
no entiendo una mierda tu idioma, pero buen video, toma tu like pequeño camicaz en potencia :)
Ignorante aprende ingles yo si le entiendo jajajajaja
Firebase Mor video bros..
Sorry anyone know Angular Material is free or not? Thanks
yes it is.
like nails on a chalk board
goo.gl/RFY5C2 : Subscribe to CodAffection
goo.gl/bPcyXW : Buy me a Coffee
goo.gl/ijPZQk : Angular CRUD with .Net Core
goo.gl/wb74j1 : Angular Material
goo.gl/p8rsXX : Angular CRUD with Firebase
goo.gl/3DefLb : Login-Logout in Angular with .Net Core
goo.gl/ZHDEhP : Angular Master Detail CRUD
good !! but want to small part by part tutorial..long video a little bit boring for learning...
return _.find(this.array, (obj:any) => {return obj.$key == $key})['code'];
at : department.service.ts