Angular 10 tutorial #29 show list from API Data

in this Angular 10 tutorial, how to show list from data is API and how to call API in angular in the english language. This video is made by anil Sidhu

Points of video
Continue from the last video
Make Table in HTML file
Use for loop for render data with table

API and service

Angular 10 tutorial playlist

Angular 10 tutorial in Hindi playlist

Checkout all course an playlist
Info tech video by bhasker verma

[codestepbystep]

Checkout all course an playlist
Info tech video by bhasker verma

[okchinu]

For all those asking about the error, when you are declare the data as data: any; instead of data[ ] . Like this:
data: any;

constructor(private user:UsersService){

console.warn(data);
this.data=data;
})

[pranavdevsinghjamwal]

Sir i am getting an error of Property 'id' does not exist on type 'never' Property 'title' does not exist on type 'never' Property 'userId' does not exist on type 'never'. How can i resolve this??

[vanibannuru]

Your explanation is good sir in app.component.ts you have error but how you get output. I am also getting in same error in app. Component. Ts but its not showing output. My error is property data does not exist on type AppComponent'.

[shravanbswincent]

what is the difference btn Service and component sir
bcz same thing we can do in Component rite sir?

[abhishekhkamble]

Sir, there is an error "this.data" then how you compiling you project.

[manojtiwari]

how show list from complex api data in angular like object inside object do you have any video

[arijitdas]

Hi really helpful your videos many thanks, in constructor function of app.component.ts file there is an warning that "object type is assignable to very few other types. did you mean to use the 'any' type instead" when we using this.data=data, can you please help me to figure it out

[maheshbhatt]

this.data = data=[] use this instead of this.data = data

[trivedimeet]

jo api ma 30 data hoy and aapne 5 j data joi to kai rite print karvu

[arijitdas]

I have already used json data using API but how can I use pagination or how can I implement ngx-pagination, already tried but getting error

[shivanandasai]

what if I want only one value from the api?

[ganeshshet]

How to know what to write in ngfor loop

[TruthSeekerClub]

hello mate,
my application take 2 to 5 minutes starting server.
how to make it change fast ?
i tried to find in vscode tools but could not find helpful tool

[vijaypatidar]

there is a error showing in app.component.ts, at line = this.data=data

[atovan]

please guide to POST, PUT, DELETE with API

[muhammadhasnatshabir]

Showing Error in my side
Failed to compile.

- error TS2339: Property 'id' does not exist on type 'never'.

10 <td>{{item.id}}</td>
~~


6 templateUrl: './app.component.html',

Error occurs in the template of component AppComponent.

[khalidusman]

Type 'Object' is missing the following properties from type 'never[]': length, pop, push, concat, and 26 more.

49 this.data=data

What's this?

[rexsam]

You were getting error on this.data = data; how did you resolve that?

I get the following error

The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead?
Type 'Object' is missing the following properties from type 'any[]': length, pop, push, concat, and 26 more.

Solution

data = {}; or
public data = [];

[Rbisht]

this.data=data
getting error (type object is missing the following properties from type never[ ]: length, pop, push, conct)