Angular 2+ - 查询动态 dom 元素

【问题标题】：Angular 2+ - Querying for dynamic dom elementsAngular 2+ - 查询动态 dom 元素
【发布时间】：2018-12-16 16:04:15
【问题描述】：

我有一个组件允许在单击相应按钮时创建按钮和文本框。有什么方法可以访问新添加的元素吗？我曾尝试使用 ViewChildren 并订阅更改，但没有用。我尝试在构造函数中注入 elementref，但我希望 ViewChildren 能够正常工作，即要更新查询列表。

【问题讨论】：

标签： angular dom

【解决方案1】：

代码

@ViewChildren("input")

意味着您要查询具有#input 模板引用变量但您使用<input #templateTextBox 的元素，所以我会尝试：

@ViewChildren("templateTextBox")

改为。

另见：

【讨论】：

我真傻 :|但是有什么方法可以按类型访问元素......即使用 ViewChildren 获取所有按钮？
我们无法按类型查询，但您可以创建具有选择器 button 的指令并在构造函数中注入 ElementRef，然后使用 @ViewChildren(ThatDirective)