조건에 따라 특정 템플릿을로드하고 싶습니다. 조건의 값은 @Input()
을 통해 검색됩니다. 이 값에 따라 주석에서 templateUrl
키의 값을 어떻게 선택합니까?각도 2 구성 요소에 조건부로 템플릿을로드 할 수 있습니까?
1
A
답변
1
당신은 이것을 피하고 2 개의 분리 된 구성 요소로 나누어야합니다. 이 경우 ngSwitchCase를 사용할 수 있으며 값에 따라 필요한 경우 해당 구성 요소를로드하거나 동일한 구성 요소를 사용할 수 있지만 * ngIf를 사용하여 두 개의 html 블록을 추가 한 다음 필요에 따라 표시하거나 숨길 수 있습니다.
+0
팁 주셔서 감사합니다! 이것이 왜 피해야하는지 설명해 주시겠습니까? –
+0
각도 2의 포인트는 모든 것을 작은 구성 요소로 분리하고 if/else 논리가 많은 대형 구성 요소를 피하는 것입니다. –
관련 문제
- 1. 각도 2 : 동적 구성 요소에 var를 바인딩 할 수 있습니까?
- 2. 어떻게 동적으로 각도 2 구성 요소 외부 템플릿을로드?
- 3. 각도 2 구성 요소를 외부화 할 수 있습니까?
- 4. 동일한 구성 요소에 대한 각도 2 경로
- 5. 구성 요소에 각도 2 중복 구독
- 6. 각도 2 : 모든 구성 요소에 사용되는 함수
- 7. 글로벌 구성 요소에 각도 2 푸시 메시지
- 8. 각도 2 루트 구성 요소에 ViewBag 전달
- 9. 각도 2 - 구성 요소에 변수를 삽입하는 방법
- 10. Ajax를 통해 Handlebars 템플릿을로드 할 수 있습니까?
- 11. 템플릿을로드 한 후 데이터를로드 할 수 있습니까?
- 12. 템플릿을로드 할 때마다 각도 공장 호출 방지.
- 13. 각도 2 : 콜백 결과를 구성 요소에 어떻게 반환 할 수 있습니까?
- 14. 각도 2 : 구성 요소를 다른 구성 요소에 포함 할 수 없습니다.
- 15. 구성 요소 선택기에 조건을 설정할 수 있습니까? 각도 2/4
- 16. 각도 2 : 경로에서 구성 요소를 조건부로 비동기 적으로로드하는 방법?
- 17. 각도 2 - 전역 구성 요소
- 18. $ mdDialog에서 템플릿을로드 할 수 없습니다.
- 19. 경로가없는 구성 요소에 대한 지연로드 라우팅입니다. 각도 2
- 20. 구성 요소에 각도 4 초점
- 21. 각도 2 || 하위 구성 요소에 두 개의 입력을 제공하는 방법.
- 22. 각도 2 패스 변수를 동적으로 구성 요소에 전달합니다.
- 23. 런타임에 모듈을로드 할 수 있습니까? 각도 2
- 24. 각도 2 구성 문제
- 25. 각도 2 : 구성 요소 HTML
- 26. 각도 2 구성 요소
- 27. 각도 2/Webpack 환경 구성
- 28. 뜨거운 스트림을 조건부로 관찰 할 수 있습니까?
- 29. 각도 2 구성 요소에 회 전자 템플릿을 추가하는 방법
- 30. 각도 2 : 부모 요소에 HTTP 데이터를 얻을하고
비슷한 질문이 있다고 가정합니다. http://stackoverflow.com/questions/36071097/how-can-i-have-dynamic-templateurl-for-angular2-component –