我知道我可以使用@ViewChild
来获取对当前组件的某个子项的引用:
@ViewChild('someInput') someInput: ElementRef;
在HTML
部分内:
<input #someInput />
但是,如果我想获得相同输入的参考但是在一个“低”的几个级别的组件内呢?
<component1>
<component2>
<component3>
<input #someInput />
</component3>
</component2>
</component1>
假设我们想在#someInput
内获得component1.ts
的引用。有可能吗?
答案 0 :(得分:2)
使用 @ContentChildren()装饰器。
https://angular.io/docs/ts/latest/api/core/index/ContentChildren-decorator.html