角2提供@ViewChild，@ViewChildren，@ContentChild和@ContentChildren用于查詢一個組件的派生元素裝飾器。前兩個和后兩個有什么區(qū)別？
3 回答
臨摹微笑
TA貢獻1982條經(jīng)驗 獲得超2個贊
我將使用Shadow DOM和Light DOM術(shù)語回答您的問題（它來自Web組件，請參見此處）。一般來說：
影子DOM-是組件的內(nèi)部DOM，由您定義（作為組件的創(chuàng)建者）并向最終用戶隱藏。例如：
@Component({
selector: 'some-component',
template: `
<h1>I am Shadow DOM!</h1>
<h2>Nice to meet you :)</h2>
<ng-content></ng-content>
`;
})
class SomeComponent { /* ... */ }
輕型DOM-是組件的最終用戶提供給組件的DOM。例如：
@Component({
selector: 'another-component',
directives: [SomeComponent],
template: `
<some-component>
<h1>Hi! I am Light DOM!</h1>
<h2>So happy to see you!</h2>
</some-component>
`
})
class AnotherComponent { /* ... */ }
因此，您的問題的答案非常簡單：
@ViewChildren和之間的區(qū)別@ContentChildren是，@ViewChildren在Shadow DOM 中查找元素，而@ContentChildren在Light DOM 中查找元素。
慕運維8079593
TA貢獻1876條經(jīng)驗 獲得超5個贊
正如其名，@ContentChild并@ContentChildren查詢將返回現(xiàn)有的內(nèi)部指令<ng-content></ng-content>視圖的元素，而@ViewChild并@ViewChildren不僅要看直接對你的視圖模板元素。
- 3 回答
- 0 關(guān)注
- 1070 瀏覽
添加回答
舉報
0/150
提交
取消