ngFor 각 카테고리에 대해

Question

안녕하세요 저는 이오니아/앵귤러를 처음 접했고 어떻게 ngFor이 작동하는지 알고 싶습니다.

나는 웹 사이트를 가지고 있으며이 웹 사이트에 Ionic이 포함 된 앱을 만들고 싶습니다.

• 초콜릿
• 판
• 드라

내가 각 범주에 대한 ngFor를 사용하려는

바구니 : 웹 사이트는 4 개 종류가있는 가게가 있습니다. 모든 카테고리에는 슬라이드가 있습니다. 이것을 어떻게 알 수 있습니까?

<ion-slide *ngFor="let product of products"> 

가 어떻게 특정 범주를 보여 ngFor를 사용할 수 있습니다 이 코드는 모든 제품을 보여줍니다.

Answer 1

특정 용도의 경우 ngFor가 슬라이드와 잘 어울리지 않으므로 사용하기가 어렵습니다. 자세한 내용은 https://ionicframework.com/docs/api/components/slides/Slides/을 확인하십시오. 당신이 목록 또는 그런 종류의 다른 품목을 취급 한 경우

그러나, 다음과 같은 방법으로 ngFor을 사용 :

먼저 당신이 범주에 대한 정보가 포함 된 타이프 스크립트 파일에 배열을 정의합니다.

그런 다음 ngFor를 사용하여 해당 항목을 반복하여 각 항목에서 해당 항목에 액세스 할 수 있습니다.

<ion-list> 
    <ion-item *ngFor="let category of categoryDefinedInTypescriptFile"> 
     <h1>category.title</h1> 
    </ion-item> 
</ion-list>