Angular CRUD with Web API Tutorial Part #10 - Creating Interface Model For Feature Module

Angular CRUD with web api tutorial, interface in angular, creating interface in angular, Interface for feature module, models in angular, angular crud application tutorial, angular crud, crud angular, crud angular 8, crud angular 9, angular crud with web api, angular crud operations, angular crud project, angular crud example, angular crud application, angular crud mysql, angular crud table, angular crud with json server, angular crud generator, angular crash course , angular bootstrap crud, angular bootstrap crud example, crud angular 9 mysql

Angular CRUD Playlist

Angular 9 tutorial for beginners, angular 9 crash course, angular 9 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.

[hashirahmed]

Dear Sir, please make videos on Crud using Firebase realtime database.
Keep up the good work <3

[gvinay]

Why u have taken productbody... What does that mean.. Where it comes from

[saikumarmogilla]

Hi Sridhar, plz tell me the difference between interface and class in angular

[asmaamamdouh]

Hi sir, I have problem with json server . when trying watch data using( json-server --watch db.json )it give me error , although it was working well before.

[pcoderajap]

hie hw r u?.. thanks for the video. Q1 are we using the interface model because we are using json-server? if we were to use a rdms(e.g MySQL) do we still need to create the IM? Q2 will there be a relationship between the IM and Reactive forms? am one lazy programmer.. like if u r using MySQL, u create the model, u create the serializer.. then in the frontend we do the same thing with IM and Reactive form FormGroup? or am not getting the full concept?!!!

[rasplili]

thank you, please add how we work with cart and payment

[sreenuksr]

Angular CRUD with Web API Tutorial Part #10 - Creating Interface Model For Feature Module

- We need to create an interface or Model for Product
- when the HTTP returns the data we can bind the observable with the model
- Helps in strict type checking of the response
- Its good practice to keep all models in one place
- Generate the Interface also known as Model
- ng generate interrace <interfacename>
- Update the class definition of the interface
-export interface Product {
id: string;
categoryId: number;
productName: string;
description: string;
rating: string;
price: number;
productImg: string;
isAvailable: boolean;
color: string;
reviews: number;

- import above interface in Product service
- Methods should be use interface as below
return this.httpClient.post<Product>(svcUrl, productBody); //return observable

[sridharm]

Hi, one question, If we have different types of products like clothing, electronics, accessories with different specifications, how can we set properties in a single interface or we can extend the interface.

[jamesexport]

Sir how to upload an image in json server from register form and display it after login

[nelsonrivers]

Can you make this video be 720 DPI ? It's not clear on some devices.

[pcoderajap]

hie Q1. if u put the wrong data type when ist it rejected?

[abdurmuneer]

Now I have the problem is the method post is not known in http client like that

[kiranmoulimouli]

Sir I generated interface product as like u but it's showing error when I'm import In to product. Service.ts like cannot find module