angular2コンポーネントでtransclusionを使用すると、私の 'ViewChildren'がこれらのコンポーネントを検出できないようです。同じコンポーネントを直接定義するコンポーネントを作成すると、正常に動作します。誰でもこの作品を手に入れる方法はありますか?Angular2 ViewChildren with transclusion
1
A
答えて
2
@ContentChild()
または@ContentChildren()
を使用して、超過コンテンツをクエリできます。
@ViewChild()
'@ ViewChildren() `はコンポーネントテンプレート内の要素のみを照会できます。
参照FYIもangular 2/typescript : get hold of an element in the template
0
エラーメッセージコンポーネントでもこれを実行しようとしました。実際にはViewChildren
の代わりにContentChildren
デコレータを使用するだけです。これは、ng-content要素のために特別に作られています。結果として、コンポーネントまたは要素の反復可能なオブジェクトであるQueryList
が得られます。
関連する問題
- 1. Angular2の動的テンプレート "transclusion"
- 2. Angular2でtransclusion(ng-content)をテストする方法は?
- 3. Angular2で@ViewChildrenを使用するには?私のhome.htmlで
- 4. Angular2のViewChildrenデコレータはインターフェイスで動作できますか?
- 5. angular2-meteor with PrimeNG
- 6. Meteor-angular2 with Socket.io
- 7. Angular2 CLI with elec
- 8. Angular2 with modernizr
- 9. Angular2 post with mailchimp
- 10. JsPlumb with Angular2
- 11. ngControl with Angular2
- 12. issue with ngFor-Angular2
- 13. Filesaver js with angular2
- 14. Angular2 with Haml
- 15. Google Maps with angular2
- 16. OpenIddict with Angular2-jwt
- 17. Mailchimpサインアップフォームwith angular2
- 18. Spring Security with Angular2
- 19. Angular2 - ログインwith gapi
- 20. DIおよびtransclusion
- 21. Angular2 with Jquery-ui Slider
- 22. Angular2 Web worker with ES5
- 23. Angular2/Webpack with Elasticsearch:CORS issue
- 24. CORS with Express.jsとAngular2
- 25. Angular2 * ngIf with childディレクティブ
- 26. Google Cloud Endpoint with Angular2
- 27. d3 with angular2 with angular-cli 1.0.0-beta.17
- 28. Angular2 ngrx/store with route parameters
- 29. Webpack with Angular2 and VS 2015
- 30. Angular2 with Spring Boot and Spring Security
、我々は今、用語*コンテンツの投影*の代わりに、トランスクルーを使用しています。 – drewmoore
この素晴らしいおかげでありがとう! –