angular2 구성 요소에서 transclusion을 사용하면 내 'ViewChildren'이 이러한 구성 요소를 감지 할 수없는 것으로 보입니다. 같은 구성 요소를 직접 정의한 구성 요소를 만들면 올바르게 작동합니다. 지금 누구나이 작업을 할 수있는 방법이 있습니까?Angular2 ViewChildren with transclusion
1
A
답변
2
@ContentChild()
또는 @ContentChildren()
을 사용하여 중첩 된 콘텐츠를 쿼리 할 수 있습니다.
@ViewChild()
'@ ViewChildren()`만 구성 요소 템플릿의 요소를 쿼리 할 수 있습니다.
이제 대신 트랜스 클루 전으로 * 우리는 용어 * 콘텐츠 프로젝션을 사용하고, 참고도 angular 2/typescript : get hold of an element in the template
0
나는 내 오류 메시지 구성 요소에도이 작업을 시도했습니다. 실제로 ViewChildren
대신 ContentChildren
장식자를 사용해야합니다. 그것은 ng-content 요소를 위해 특별하게 만들어졌습니다. 결과적으로 구성 요소 나 요소의 반복 가능한 객체 인 QueryList
을 얻게됩니다.
관련 문제
- 1. Angular2 with modernizr
- 2. Spring Security with Angular2
- 3. Angular2 with RequireJS
- 4. Angular2 CLI with electron
- 5. 다트 : 검색어로 ViewChildren 바꾸기
- 6. PHP transclusion question (regex)
- 7. 선택한 텍스트 angular2 with * ngFor
- 8. 여러 구성 요소를 전달하는 ViewChildren
- 9. angular2-modal error with rc1 로딩
- 10. auth0 with angular2 - 토큰을 얻는 방법
- 11. Angular2/Webpack with Elasticsearch : CORS issue
- 12. Angular2 AoT ngc compiler with RC5
- 13. Angular2 with es5를 사용하는 서비스로 http
- 14. 서비스 (의존성 있음) 단위 테스트 with angular2
- 15. 요소 클래스를 기준으로 Angular2 쿼리 목록
- 16. 지시어에 transclusion 필터를 사용하는 올바른 방법은 무엇입니까?
- 17. transclusion, replace 및 ngIf를 결합하는 방법은 무엇입니까?
- 18. ngRepeat의 AngularJS Transclusion 지시문이 혼합 된 스코어가됩니다.
- 19. Angular2
- 20. angular2
- 21. angular2
- 22. Angular2 -
- 23. angular2 -
- 24. Webpack Angular2 with ng2-bootstrap : 시스템이 정의되지 않았습니다.
- 25. ng-repeat breaks transclusion scope가있는 AngularJS 격리 지시문
- 26. Angular2 수없는
- 27. Angular2 RC4 애니메이션 트리거 바인딩 오류
- 28. Angular2 npm 모듈 작성법 - Angular2 RC 6
- 29. angular2, angular2-highcharts. 페이지에서 차트 제거
- 30. 업데이트 URL Angular2 튜토리얼에 설명 된대로 Angular2
참조하십시오. – drewmoore
멋진 추가해 주셔서 감사합니다! –