在Angular2中迭代ElementRef答案

【问题标题】：Iterate ElementRef in Angular2在Angular2中迭代ElementRef
【发布时间】：2016-10-21 15:13:31
【问题描述】：

我正在使用 ElementRef 来获取 Component 的 DOM 对象。使用 elementRef["nativeElement"] 我得到了这样的东西-

<selectorName>
  <input type="text" />
  ......
</selectorName>

我想迭代所有 Html 对象以获取元素类型和 id。任何人都可以建议我如何做到这一点。

【问题讨论】：

请提供更多上下文。你为什么要那样做。 HTML 来自哪里？你在哪里有使用ElementRef的代码。
我已经在构造函数中定义了 ElementRef。我正在使用 API 生成需要 Html 对象的 UI 表单，所以我想迭代 html 对象并将其传递给 API。
请添加更多代码来演示这一切。
实际上我正在使用 metawidget API 从 json 模式创建 UI 表单，metawidget API 需要 html 对象，以呈现 UI。所以我正在尝试迭代 html 对象并将其传递给 metawidget API。

标签： angular

【解决方案1】：

constructor(private elRef:ElementRef) {}

ngAfterViewInit() {
  let elements = this.elRef.nativeElement.querySelectorAll('someSelector');
}

【讨论】：