#21 Rendering List of Complex Type | Angular Components & Directives | A Complete Angular Course

[@patriciebakosova4878]

for centering the products, it's easier to use justify-content: center rather than paddings

[@chakirfri]

guys add this piece of css for the hover effect :
.ekart--product--item:hover{
-webkit-box-shadow: 0 0 1px #000 inset;
-moz-box-shadow: 0 0 1px 3px #000 inset;
border: #efefef 0 0 1px 3px #000 inset;
box-shadow: 10px 10px 18px #cccccc;
transform: scale(1.05);
}

[@nimisma5122]

Thank you, that was exactly what I was looking for after watching the video.

[@lakshmansamanth]

Hey Manoj can you please let me know in which repository I can find array of products at 8:03 seconds . i couldn't find it in the link you provided.

[@rajareddy4955]

it is there in angular-16-resources folder go nd check

[@lakshmansamanth]

@@rajareddy4955 Thanks Raja Reddy garu for your comment.

[@sumanlamichhane369]

@@rajareddy4955 Awesome dost

[@sumanlamichhane369]

product object array
angular-16-resources/21-rendering-list-with-ngfor-directive/product-list.js

[@TheYouSsk]

Thank you

[@swapnildabhade69]

thanks man

[@ibrahemnjr9924]

Thank you

[@projectop-bz2co]

Great Series

[@aarthireddyellanki538]

can you please share that list of products. So that it will be easy for us.

[@motazallala]

Thank you for this Tutorial I hope that you will complete it till the end note that the CSS not exist in the Github it's for the product list

[@algyngom]

Excellent ! Thank you so much !

[@vidhyasuja8609]

I cant find this session in your git profile.where is that

[@luvasluvasluvas]

angular-16-resources/21-rendering-list-with-ngfor-directive

[@peachess3284]

thank you!

[@kareem7236]

@@luvasluvasluvas thank you

[@sahilpatil6573]

Thank you ​@@luvasluvasluvas

[@saishankar8234]

Please update this code in the repo

[@MHaseebNawaz-e9l]

❤❤❤❤

[@0maradel1]

you don't have to rename all the files manually there is an extension named Rename Angular Component it will do all the work for you

[@Fr0z3nRebel]

Thank you for sharing this!

[@chillydill4703]

Just want to add by using WebStorm, we can right click and refactor -> rename and it will find any references. Very smooth.

[@hugosimoes6332]

Thanks!

[@vatsalmandaliya5029]

After applying css, the product items are aligned in one column not forming another column.

[@AlejandroCamachoOsmolik]

You should wrap the content in the file produt-list.componenet.html with this your content

[@rohankaushik8960]

yes same for me how to solve this??

[@vatsalmandaliya5029]

@@rohankaushik8960 remove flex wrap and you will be fine

[@V_I_B_E_S994]

thx best videos ever

[@sherlocksummer6284]

Thank you for the interesting video

[@rahulverma9237]

I am not able to find the product list array in the github repo

[@michaelsloushch3950]

thanks for the lesson

[@pankajsonawane7397]

where can I find the images in the repository?

[@MatiasJuarez-y4v]

The relevant part of the video starts at 7:25

[@paulsilas6295]

i believe everyone can judge what's relevant to them. I found my relevant part from 0:01

[@michaelsloushch3950]

could you please tell why after we replaced hardcoded items with the *ngfor - view changes as looks like there is not enough space

[@AmitPuranik-v2l]

inside products array there is another size array and colour array so how to access the specific values of size and colour ?

[@yashmishra12]

I wish you had covered the following as well: trackBy, first, last. They are really handy to know.

[@kareem7236]

where do i find the css and the html that you use in the Course, i can't find it in the Github project

[@jyothiswarreddy514]

hi @kareem in side the github scroll the files towards down and you will found a file with the name of "21-rendering-list-with-ngfor-directive" open that folder and you will get those files

[@kareem7236]

@@jyothiswarreddy514 great thank you so much 😊

[@ompandey4595]

​@@jyothiswarreddy514 hi bro not funding git of video lecture 22 23 pls tell where to find

[@jyothiswarreddy514]

hi there for me i didnt get the wishlist(heart) symbol?

[@usama7132]

How to get the list of products file please

[@MdIrfan-dc8ef]

i cant find the html, css and ts in your repo if any one find tell me

[@czarscrib3680]

I'm not sure anybody will watch past this vide because there's a bug in the css file you provided. Something's not right with the one you provided. Kindly please check it out
My code is not rendering properly. All the products are stacked together

[@jaypatel2471]

the error was in class name , i just copy from html and put in css , error solved

[@czarscrib3680]

@@jaypatel2471 please can you show me exactly how you did it?

[@jaypatel2471]

we create class and use it in html and ts files , but we copied CSS file from repo, maybe problem was in css file title , so i just copied class name from HTML and replace it in CSS file @@czarscrib3680

[@luvasluvasluvas]

I made a pull request to the repository to fix this issue. Basically you need to add to the product-list html.

[@czarscrib3680]

@@luvasluvasluvas I'll see to it. Thank you so much

[@RanjanKumar-pq1it]

tenge

[@samiullahbeig6788]

sir can u send me the code of product list component.ts

[@NileshMonde-n8y]

How i can show 50000 records in products array. It taking too much time to load. What are the way through which we can achieve without waiting for too much time

[@peachess3284]

I guess you need to use data base for this, but I'm not sure that this topic should be covered withing this course.

[@Vlad05]

7:20

[@vaishnavisohol8829]

Can someone tell how to make this site a responsive??

[@rahathasan5971]

BRO Plz it would be better if u give source code I can practice then

[@TestqaDots]

How to get pre written code like html, css and product list array..

[@Karthik22ng]

Sir please increase the font size

[@bartinpeguero4672]

FYI the code was missing the closing tag for the tag in product-list.component.html