角2提供@ViewChild,@ViewChildren,@ContentChild和@ContentChildren用于查询一个组件的派生元素装饰器.前两个和后两个有什么区别？
我将使用Shadow DOM和Light DOM术语回答您的问题(它来自Web组件,请参见此处).一般来说:
Shadow DOM - 是您的组件的内部DOM,由您(作为组件的创建者)定义并且对最终用户隐藏.例如:
@Component({
selector: 'some-component',
template: `
I am Shadow DOM!
Nice to meet you :)
Light DOM - 是组件的最终用户提供给组件的DOM.例如:
@Component({
selector: 'another-component',
directives: [SomeComponent],
template: `
Hi! I am Light DOM!
So happy to see you!
`
})
class AnotherComponent { /* ... */ }
所以,你的问题的答案很简单:
之间的区别
@ViewChildren和@ContentChildren是@ViewChildren寻找在阴影DOM元素,同时@ContentChildren寻找他们光在DOM.
正如其名,@ContentChild并@ContentChildren查询将返回现有的内部指令@ViewChild并@ViewChildren不仅要看直接对你的视图模板元素.
来自Angular Connect的视频提供了有关ViewChildren,ViewChild,ContentChildren和ContentChild的优秀信息 https://youtu.be/4YmnbGoh49U
@Component({
template: `
`
})
class App {}
@Component({
selector: 'my-widget',
template: `
从my-widget观点来看,comp-a是ContentChild和comp-b是ViewChild.CompomentChildren并ViewChildren在xChild返回单个实例时返回一个iterable.
京公网安备 11010802040832号 | 京ICP备19059560号-6 