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. @ViewChildren
- 3. Angular2でtransclusion(ng-content)をテストする方法は?
- 4. Angular2のViewChildrenデコレータはインターフェイスで動作できますか?
- 5. Angular2で@ViewChildrenを使用するには?私のhome.htmlで
- 6. DIおよびtransclusion
- 7. JsPlumb with Angular2
- 8. Angular2 with modernizr
- 9. OpenIddict with Angular2-jwt
- 10. issue with ngFor-Angular2
- 11. angular2、PHP with mysql
- 12. Meteor-angular2 with Socket.io
- 13. Angular2 Oninit with AfterViewInit
- 14. Angular2 with Haml
- 15. Mailchimpサインアップフォームwith angular2
- 16. Angular JS with Angular2
- 17. angular2-meteor with PrimeNG
- 18. Filesaver js with angular2
- 19. Spring Security with Angular2
- 20. Angular2 - ログインwith gapi
- 21. ngControl with Angular2
- 22. Angular2 CLI with elec
- 23. Angular2 post with mailchimp
- 24. Google Maps with angular2
- 25. Angular2 * ngIf with childディレクティブ
- 26. Angular2 Web worker with ES5
- 27. Google Cloud Endpoint with Angular2
- 28. CORS with Express.jsとAngular2
- 29. Angular2ルーティングwith .NETコア
- 30. Angular2 with Jquery-ui Slider
、我々は今、用語*コンテンツの投影*の代わりに、トランスクルーを使用しています。 – drewmoore
この素晴らしいおかげでありがとう! –