28:56 the res is giving off errors,can you help me out or tell me the use of res there I am new to this.I've followed everything thouroughly yet the mistake appears
@@kirteekumari3459 at the top add import {ApiService} from 'relative path' then in the constructor update like this constructor(private formBuilder: FormBuilder, private api:AppService){}
Thank you so much shashi I am new in angular from this video crud Operation of my application done successfully. Your explanation is very clear and you are very helpful person 🙌 thank you so much😁
Thanks so much for making this video! I'm running into a problem though- I've followed your steps exactly to make the add button a modal, but for some reason when I click on it, nothing appears. Any ideas for how I can fix this?
bro i did the same thing but sometimes in angular in the middle of the project when i run ng serve the page shows nothing and i am creating new proj again why this is happening what is the solution for this.
bro you are excellent, but how to change the value of id automatically on update or delete the data? for example if we are adding 4 data in a database and they have ids 1,2,3,4 and when we are deleting the data of id:3, then it the id:4 should change to id:3? How can we do that?
ID should not be modified. The purpose of ID is to make each record unique, that is why you can delete or update specific record by ID. Maybe you want to show a counter instead of ID so that it will always show a sequence in correct order no matter which row you delete
Hi, can you help me to connect this crud to any database(mongodb/firebase)? Also I have a problem with delete and update, Im pretty sure the cod is the same like yours but its not working :/ (In terminal I got message DELETE/posts2 404 5.245 ms - 2" )
giving CORS error it's not posting, I'm fed up with this error. I've added proxy.config.json file and allowed cross origin true but still same error ocuurs
Now I came to know how to use the HTTP client module. I am appreciated but going through some errors. So could I have the GitHub link to this crud operation?
How do we subscribe to observables using the angular 14? what is the new syntax?? can you please provide a github repo link if you have it for this particular project?
Hi like i have one doubt if there is plus icon and need to insert tr on top of another tr is there a way insertCell(0) but is there a way in the angular to insert tr on above and below.
hi, while installing the json server showing the error of ....... added 247 packages, removed 291 packages, changed 137 packages, and audited 1570 packages in 1m 99 packages are looking for funding run `npm fund` for details
Even though I define ReactiveFormsModule for formGroup in app.module.ts file, I get an error in .html file. Compiler error does not occur, html is loaded but I cannot retrieve data from form. Can you help?
iam getting this error in deleteEmployee and updateEmployee methods in employee-dashboard.ts 'res' is declared but its value is never read.ts(6133) can you help me out
Everytime i open vs code newly the employee details doesn't add, only after restarting the json server it works.is this the correct way or is there any other solution?,also even after restarting the details added appears only after refreshing the page?
I follow ur Video,in post Api ,when click add button then its show the popup message like "details are added succfully",but in json file the added values are not recorded!!
Hey @let's program Can you please tell one thing. Everytime for declaration of variable you use !(not) like :- formValue !: FormGroup; employeeData !: any; showAdd !: boolean; showUpdate !: boolean; So why you using !(not) operator every time varibale declaration ??? We can do without this but it's giving error if i am doing in your way without !
if you don't write (!) to any variables than we have to give initial value to that variable , soo if you create a variables with (!) sign than no need to initialize this only name and data type with be enough.
Broo I am having problem at the delete part it is not working I did the same as you did And at the create part when we remove the initial data we have given for me it is showing blanks at that particular position it is not completely going off I am talking about table we have initialized first
Sir, In your case the h1 (Angular CRUD) and the (Add Employee) button are in the same plane(horizontally). Where as for me the (Add Employee) button is getting aligned below the h1(Angular CRUD). Please clarify.
Sir if we have multiple number of records with large number of fields then will that be fine using setValues , or is there any alternative to edit the values
ERROR TypeError: Cannot read properties of undefined (reading 'setValue') hi can you plz help me to resolve this error i am not able to see the edit data after click on edit button.
hey, nice video, but one thing is bugs when i click on edit btn and then click on Add Employee btn in this case not post any data and throw err (500 (Internal Server Error))
Error: app/app.module.ts:12:5 - error NG6001: The class 'EmployeeDashboardComponent' is listed in the declaratioodule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or ad decorator. bro ill get this error. what can i do bro
your explanation was very clear. Thank you . Can you please make one login form including authentication. (when user is successfully registered and have user Name and password as credentials ) extending this example by using json server
Can't we make use of json server as backend for authentication Bcoz being a front-end developer don't have much idea regarding dot net Just for the practice sake I'm requesting you to make authentication using json as an extension to this project
Very helpful video , Thankyou. I have one question, Is there any way to update that db.json file with our data , I need to update the json file on performing the crud operations.
Hi there, This video is very use full, thanks for that. But I am getting an error in the following part getAllEmployee(){ this.api.getEmployee() .subscribe(res=>{ this.employeeData = res; }) } the error says"Expected 1 arguments, but got 0.ts(2554) api.service.ts(18, 11): An argument for 'data' was not provided." can u please help me
hi bro my edit and delete button not working even the update also not working but add employees is working perfect really i am confusing why it is not working pls resolve my problem bro.
this.api.postemployee(this.employeeModelobj)Property 'api' does not exist on type 'EmployeedashboardComponent'.ts(2339) any i have this error plz help me
Good Example 👍 but have one bug if you open modal for edit and close it without update and go for add so after enter new details try to add new data it show somthing went wrong
Hi can you make a login and register too while connecting it with crud? It would be helpful since a lot of the real projects requires a login and registration. Please
@@letsprogram30 brother i am getting this error plz tel me how to resolve since I am following every point of your code core.js:6479 ERROR TypeError: Cannot read properties of undefined (reading 'postEmployee')
Do checkout my latest video on angular 13 CRUD with material UI ruclips.net/video/jGbP620NahE/видео.html
When I am clicking on add button it giving alert of wrong
@@Adity-t4d didn't get your question
@@letsprogram30 for post method i am getting bad request (400) error in console
@@Adity-t4d connect with me on telegram will help you there 🙂
@@Adity-t4d same error
28:56 the res is giving off errors,can you help me out or tell me the use of res there I am new to this.I've followed everything thouroughly yet the mistake appears
Did you fixed those ?
Excellent Bro... i Saw so much of videos... your explaination is very clear... Thankyou so much bro...
You forgot to mention that we have to import API Service in 26:19 and also we have to inject the service in constructor.
how to import api??
i'm facing error here...............
this comment must be pinned, actually
Yes (private api:apiService)
Can you tell how exactly that do that ?
@@kirteekumari3459 at the top add import {ApiService} from 'relative path'
then in the constructor update like this constructor(private formBuilder: FormBuilder, private api:AppService){}
Thank you so much shashi I am new in angular from this video crud Operation of my application done successfully. Your explanation is very clear and you are very helpful person 🙌 thank you so much😁
Thanks for the wonderful feedback 🙂
Do checkout the latest video on angular 13 CRUD with material UI, you will definitely love it 🙂
R you working as an angular developer??
You are a legend , you saved my life in my school project
Thanks so much for making this video! I'm running into a problem though- I've followed your steps exactly to make the add button a modal, but for some reason when I click on it, nothing appears. Any ideas for how I can fix this?
yes I am facing the same issue, please revert
that's becase you have not added bootstrap.min.js in the scripts array in angular.json after styles array in the same file. Do that and it will work.
Is ur issue got resolved plz help
Very useful content .I didn't find this content in other videos. Please keep coming up with such many more. Thank you so much for this one 👍
You're welcome 🙂
can you kindly do angular reactive forms + spring boot for backend, thanks in advance.
bro i did the same thing but sometimes in angular in the middle of the project when i run ng serve the page shows nothing and i am creating new proj again why this is happening what is the solution for this.
Connect with me on telegram will help you there 🙂
@@letsprogram30 okay
@35:10 why there was no argument given to getEmployee() in gettAllEmployee ? since in apiService argument data was given
Hi, First I didn't like the video and wanted to close it but decided to follow it and now I say it was GREAT and I learned a lot. Thank you!
Oh this is interesting
Bro, while I am Posting the data .. i am getting error like *can't read properties of undefined (reading 'postemployee')* 🙄
Bro one small problem 28:39 (this.api)but where the api,
I type this.api it shows me wrong
Can u plz say where the api.. U wrote
You need to inject the ApiService in constructor and then use it.
@@letsprogram30 Ho kk Tnq u so much bro
bro you are excellent, but how to change the value of id automatically on update or delete the data?
for example if we are adding 4 data in a database and they have ids 1,2,3,4 and when we are deleting the data of id:3, then it the id:4 should change to id:3?
How can we do that?
ID should not be modified. The purpose of ID is to make each record unique, that is why you can delete or update specific record by ID.
Maybe you want to show a counter instead of ID so that it will always show a sequence in correct order no matter which row you delete
24:33 i am getting an error while applying that , i could not get that ... please help
Sir. I did exactly what you did. I have got an error at 29:00..saying Subscribe is not a property of type void. Help please. Thanks a lot
Inside api.service.ts the method postEmployee should be of type observable not void.
You have to return this.http.post()
@@letsprogram30 ok Thank you sir
You are great. You make it so simple and you have a gift to explain the process. I just waiting for to watch your last Angular CRUD video!! Good job!
Thanks ❤️🙂
delete isn't working bro
url is changed in case of put and delete sir
why not?
@@sanket4242 didnt get u.can u pls elaborate
In api service:
deleteEmployee(id:number){
return this.http.delete('localhost:300/posts/'+id).pipe(map((res:any)=>{
return res
}))
}
Please do check the youtube short video of his, he told solution for it
This is a full guided project, every basic concepts cleared.. Thank you.
You are welcome 😊
Hi, can you help me to connect this crud to any database(mongodb/firebase)?
Also I have a problem with delete and update, Im pretty sure the cod is the same like yours but its not working :/ (In terminal I got message DELETE/posts2 404 5.245 ms - 2" )
You need to use / after the posts
Like delete/posts/"+id
@@letsprogram30 Okay I got you. Everythink is working perfect right now ! Thank you !
@@letsprogram30 bro iam used same but not working
giving CORS error it's not posting, I'm fed up with this error. I've added proxy.config.json file and allowed cross origin true but still same error ocuurs
Now I came to know how to use the HTTP client module. I am appreciated but going through some errors. So could I have the GitHub link to this crud operation?
How do we subscribe to observables using the angular 14? what is the new syntax??
can you please provide a github repo link if you have it for this particular project?
thank you sir for this lesson , keep supporting you..
your explaination is abundantly clear..
make more videos on Angular..
Thanks for the support
No doubt.🙏
@@letsprogram30 hii I'm facing bro can help me out
Best Video it helped me alot to clear my REST API concept appreciate to you : )
Hi like i have one doubt if there is plus icon and need to insert tr on top of another tr is there a way insertCell(0) but is there a way in the angular to insert tr on above and below.
Excellent work! It will very good if you create a complete project (maybe a small)
Sure 🙂
hi, while installing the json server showing the error of .......
added 247 packages, removed 291 packages, changed 137 packages, and audited 1570 packages in 1m
99 packages are looking for funding
run `npm fund` for details
Even though I define ReactiveFormsModule for formGroup in app.module.ts file, I get an error in .html file. Compiler error does not occur, html is loaded but I cannot retrieve data from form. Can you help?
U making the angular so simple..kudoos
Thanks, will come up with more projects
Stay tuned 🙂
can't understand that postEmployeeDetails...getting error- cannot find name 'postEmployeeDetails'
plz help me🙏🙏
Connect with me on telegram will help you there 🙂
owsem crud operation in Angular from basic to advance Thanks alot i clear lot of quries
It's awesome learning way of angular coding..
without backend u have adding employee data?? ..how its possible ..mine is not working.. what should i do help me please
iam getting this error in deleteEmployee and updateEmployee methods in employee-dashboard.ts
'res' is declared but its value is never read.ts(6133)
can you help me out
in my page delete operation and update operation are not doing well
i.e. the info is not deleting and updating
Can we add data to form using setvalue without using update method. Please reply
No.
Update method is to update the record in Database
@@letsprogram30 when form opens I have to show some data in form.what I have to use?
@@sravaninallabelli1251 for forms use setvalue
@@letsprogram30 ok thank you
Everytime i open vs code newly the employee details doesn't add, only after restarting the json server it works.is this the correct way or is there any other solution?,also even after restarting the details added appears only after refreshing the page?
I follow ur Video,in post Api ,when click add button then its show the popup message like "details are added succfully",but in json file the added values are not recorded!!
Please give some solution as soon as!!!
Check your formControlName mapping
Hey @let's program
Can you please tell one thing.
Everytime for declaration of variable you use !(not) like :-
formValue !: FormGroup;
employeeData !: any;
showAdd !: boolean;
showUpdate !: boolean;
So why you using !(not) operator every time varibale declaration ???
We can do without this but it's giving error if i am doing in your way without !
if you don't write (!) to any variables than we have to give initial value to that variable , soo if you create a variables with (!) sign than no need to initialize this only name and data type with be enough.
@@youryuvv Thanks a lot for the reply and clarification. It is very helpful as i was not able to find this on anywhere on google.
In minute 24:21 I have an error on the map which you dont have, so I waste it my time
you are excellent bro. If we just follow your video, we won't get any type of errors. crystal clear. you are the best.
Oh thanks for such a good feedback 🙂
Broo I am having problem at the delete part it is not working I did the same as you did
And at the create part when we remove the initial data we have given for me it is showing blanks at that particular position it is not completely going off I am talking about table we have initialized first
Please help me out with this
@@27meghana42 connect with me on telegram will help you there
How to add validations in the fields such as email, mobile number etc. ? Like in mobile number field it should not accept any value other than number.
Sir, In your case the h1 (Angular CRUD) and the (Add Employee) button are in the same plane(horizontally). Where as for me the (Add Employee) button is getting aligned below the h1(Angular CRUD). Please clarify.
Sir if we have multiple number of records with large number of fields then will that be fine using setValues , or is there any alternative to edit the values
Set value also accepts object
@@letsprogram30 thank you sir
ERROR TypeError: Cannot read properties of undefined (reading 'setValue')
hi can you plz help me to resolve this error i am not able to see the edit data after click on edit button.
Hi one doubt you used angular and back end as Json.
are you performing any node.js call to fetch json data?
Nope
hey, nice video, but one thing is bugs when i click on edit btn and then click on Add Employee btn in this case not post any data and throw err (500 (Internal Server Error))
Thank you for the video. But can't add data to the json server. I see new entries in json file, but the values are empty. Can you help out here?
Connect with me on telegram will help you there 🙂
thanks sir, this video is very useful to understand angular crud, you explain it in very simple manner
Everything is good but when you give proper explination we are so happy . Because these are major methods to fetch the data . Think once dear
There is no popup visible when modal is implemented. Any help!
Brutal Video!!, i Learned a lot about of services thanks! greeting from Colombia
Great, happy learning 😊
Hai bro I am doing the same thing but the pop-up is getting triggered even after added bootstrap do i need to add any links in index.html
(Can't bind to 'formGroup' since it isn't a known property of 'form'. ) How to fix. Thanks you very much
Error: app/app.module.ts:12:5 - error NG6001: The class 'EmployeeDashboardComponent' is listed in the declaratioodule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or ad decorator.
bro ill get this error. what can i do bro
Some configuration issue with you comp file, connect with me on telegram will help you there
Hello, sir I have made this same application by watching yours but now after saving it not re-running, how to re-run it?
Hy i saw ur whole video i tried also bt my update and delete is not working 🥺help me out
Connect with me on telegram will help you
Ya joined
I was done post works, when i submited data from modal alert show. also json create new id and element but modal form data can't pass json
There can be issue with you formControl the data is not binding
In that particular add employee button unable to get dialogue box as shown in video is there any solution for that
On the minutes 49 you saved my life. Thank you!
your explanation was very clear. Thank you . Can you please make one login form including authentication. (when user is successfully registered and have user Name and password as credentials ) extending this example by using json server
Yeah sure , will cover this topic in angular authentication where I will use backend as .net core
Can't we make use of json server as backend for authentication
Bcoz being a front-end developer don't have much idea regarding dot net
Just for the practice sake I'm requesting you to make authentication using json as an extension to this project
Yeah i too want that authentication when user wants to login a application
Very helpful video , Thankyou.
I have one question,
Is there any way to update that db.json file with our data , I need to update the json file on performing the crud operations.
Yes, it has been shown in the videos
Hi there,
This video is very use full, thanks for that.
But I am getting an error in the following part
getAllEmployee(){
this.api.getEmployee()
.subscribe(res=>{
this.employeeData = res;
})
}
the error says"Expected 1 arguments, but got 0.ts(2554)
api.service.ts(18, 11): An argument for 'data' was not provided."
can u please help me
Can you share you api.servicr.ts file so that I can check
@@letsprogram30 how to share the file
@@letsprogram30 how to share the file
@@varunmutchina7512 t.me/sashik30
@@letsprogram30 thank you very much for your help
Thank u so much for this...please tell how can we connect sql database with this form to store our all records
Hi sir, when I click add employee, modal is not working. I use Angular 12
My Add employee button is working fine ,it also adding data. But my delete and edit buttons are not working
Great explanation... Have a doubt sir, i cant understand that point how to pass the data from json server to localhost server
hello the delete and edit button isn't working in my case. Can you help?
please give me scope extension i am unable to use also not adding white color in nav AngularCrud sir could you plan provide sources code sir
I did exactly what you said but delete and edit functionality is not working can you help me with that ?
Check you api service, you would have missed /
@@letsprogram30 thank you it worked
hi bro my edit and delete button not working even the update also not working but add employees is working perfect really i am confusing why it is not working pls resolve my problem bro.
There will be issue in the apiservice just add / after posts in the api urls
@@letsprogram30 yes it is working bro I am trying to connect in telegram but can't connect bro
I have facing some issue on json server connectivity table not showing on my page please clear my doubt
Make sure your json-server is running
The delete button is not working sir, any idea what may be the problem?
this.api.postemployee(this.employeeModelobj)Property 'api' does not exist on type 'EmployeedashboardComponent'.ts(2339)
any i have this error plz help me
check spelling dude
Good Example 👍 but have one bug if you open modal for edit and close it without update and go for add so after enter new details try to add new data it show somthing went wrong
followed everything that u explained but when i click on add button the button itself is not working can u pls tell me what would be the problem
The problem can be with the bootstrap modal, some attributes may be missed, connect with me on telegram will help you there 🙂
@@letsprogram30 pls send me the telegram link so I can connect
@@sangameshgangavati7727 t.me/joinchat/SynhZXakgXA3YmE9
It's really good video.. Explanation and step are very clear... Very good..
Thank you 🙂
Hi can you make a login and register too while connecting it with crud? It would be helpful since a lot of the real projects requires a login and registration. Please
I can already created video on login and signup
Can you retrieve the data(file names only) from external api and show them on angular web page with the crud functionality
Yes I have did that in add to cart project
Really great Job.. understand very clearly. Excellent bro
On using delete method i am getting error..delete button is not working... getting some http error...please help
Just verify the json-server url
Teaching method is clear and nice ...keep it up brother... May u have get more
Sir i want to add rigisterdate table,what changes i should make to add date?please share
thanks for this video. How to get value from modal if we have field as dropdown?
please if you can help me.
marks my words, this person is going to rule in angular in next few years !!
Will try my best, thanks for your comment 🙂❤️
@@letsprogram30 brother i am getting this error plz tel me how to resolve since I am following every point of your code
core.js:6479 ERROR TypeError: Cannot read properties of undefined (reading 'postEmployee')
@@avnishyadav4577 connect with me on telegram will help you there 🙂
Property 'api' does not exist on type 'EmployeeDashComponent'.ts(2339) I am getting this error please help
This is because you need to inject the api : ApiService in the constructor
Thanku so much but i will refer same but my edit button will not work
You are not showing how to pass routing for Id..please show because i having error in Id not found
Sir, what if I need to view detail on each employee added in a different tab? can you give toturial on how to do that?
Yes I can do that, will create a video over it
my modal doesnt show up :/ whyy? can someone help me?
Can you tell me how to add image in this column by button popup for each employee
Bro delete button is not getting delete i have done properly with your respective steps
What is your telegram channel name, i encounter one error in employee-dashboard.comp.ts file.. service is deprecated then what I use in place of that
DM me Insta will check your issue
Please sir my edit and delete is not workimg, it's showing a 404 error. Any help please🙏
For edit it's when I am trying to do the updateEmployeeDetails
@@vanecklele8948 you need to add / after posts in the api.service.ts file
@@letsprogram30 Thank you so much. I just tried it and it worked🙏🙏.
@@vanecklele8948 happy to help😄
brother even after adding the slash to apiurl Update is still not woring
how do you add subscribe method....its not coming for me ?
Bro .. Awesome Awesome....❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️u made my doubt clear
Happy to help 😊
All crud operations are working fine in the json server but they are not going to backend