2017-11-10 8 views
0

에서 구성 요소를 나열하려면 지금까지 수행 한 내가 server..and과 같이 템플릿을 나열 전달에서 &는 JSON 데이터를 가져 오는 이온 성 3 List 구성 요소를 내장 이온에 새로운 오전를 주입 동적 템플릿은 이온 성 3

결과는 목록 선택기를 지정할 때마다 페이지의 목록 레이아웃을 표시합니다.

요구 사항 내가 다른 목록 레이아웃을 표시해야

[목록 디바이더, 목록 헤더, 아이콘 목록, 아바타 목록 등 ...] 같은/다른 pages..how에서 내 응용 프로그램에서 수 필자는 서버에서 데이터를 가져온 후 동적 템플릿으로 전달하여 필요한 목록 layout.is가 동적 템플릿을 구성 요소에 전달할 수 있도록하는 구성 요소를 만듭니다.

+0

나는 당신이 sidemenu 이오니아 3의 샘플 응용 프로그램을 확인해야한다고 생각합니다. –

답변

0

각도를 사용하면 템플릿 자체가 동적이 될 수 있습니다. 따라서 템플리트를 "전달"하는 것은 각 요구 사항에 대해 새 구성 요소를 작성하고 일부 조건에 따라 각 구성 요소를 사용하는 것과 동일한 것입니다.

정확하게 이해하면. 일부 서버 측 데이터를 가져오고 그 데이터에 포함 된 내용을 기반으로 목록에 추가 구성 요소를 사용해야 할 수도 있습니다 [목록 분할 자, 목록 머리글, 아이콘 목록, 아바타 목록 등]?

사실이라면 몇 가지 옵션이 있습니다.

  1. 다른 목록 유형에 대한 모든 조건을 파악하십시오. 2 가지 이상의 목록 유형이있는 경우 * ngIf가 토글하는 각 목록 유형에 대한 구성 요소를 작성하십시오.

  2. 템플릿에 모든 조건이있는 하나의 큰 목록 구성 요소를 만듭니다. 이것은 복잡한 방식 일 것입니다.

구성 요소 상호 작용은 입력 및 출력 또는 서비스로 처리됩니다. 이온은 또한 당신이 사용할 수있는 당신에게 이벤트 api를 던졌습니다. 일반적으로 이것은 좋은 참조입니다 : https://angular.io/guide/component-interaction