在angular 2中选择具有1个哈希选择的viewchild

是否有一个技巧可以选择同一级别内具有相同标记的多个标记

<div #el></div>
<div #el></div>
<div #el></div>

它总是给参考el定义了多次错误消息

提前感谢

包括查看儿童

现在您可以使用以下代码

@ViewChildren('el') components:QueryList<ElementRef>;

包括ViewChildren

现在您可以使用以下代码

@ViewChildren('el') components:QueryList<ElementRef>;

---

哦，没关系。。我有另一种方法，但不是很整洁

<div #el>
  <div el></div>
  <div el></div>
  <div el></div>
</div>

---

谢谢大家

哦，没关系。。我有另一种方法，但不是很整洁

<div #el>
  <div el></div>
  <div el></div>
  <div el></div>
</div>

---

感谢所有的下面的方法对我来说是很好的工作，有适当的选择器的多个元素

我需要从代码库动态加载弹出模式，并执行一些操作，如最小化、最大化、关闭和调整大小。当时我必须选择任意一个打开的模式来执行一些操作，我想出了这个解决方案

下面是我的HTML，其中我使用dynamicPopupContentPlaceHolder作为div标记的选择器

首先，需要从angular/core库中添加组件中的QueryList，如下所示

最后，在我使用的组件文件中，QueryList包含子元素数组，使用下面的方法获取所有子元素

let _targetSelector = this.widgetTargets.last;

最后，我使用widgetSelector变量使用下面的方法从数组中获取最后一个子元素

let _targetSelector = this.widgetTargets.last;

---

下面的方法对于具有适当选择器的多个元素很好

我需要从代码库动态加载弹出模式，并执行一些操作，如最小化、最大化、关闭和调整大小。当时我必须选择任意一个打开的模式来执行一些操作，我想出了这个解决方案

下面是我的HTML，其中我使用dynamicPopupContentPlaceHolder作为div标记的选择器

首先，需要从angular/core库中添加组件中的QueryList，如下所示

最后，在我使用的组件文件中，QueryList包含子元素数组，使用下面的方法获取所有子元素

let _targetSelector = this.widgetTargets.last;

最后，我使用widgetSelector变量使用下面的方法从数组中获取最后一个子元素

let _targetSelector = this.widgetTargets.last;

---

---

不能为多个元素提供相同的id。它将只选择第一个元素。@Dhavalkansagara那么还有其他方法可以这样做吗？是我想要的链接，但此方法太复杂，无法与我的当前代码同步..您不能，尝试使用ViewChildren&QueryList时，您将只获得一个带有模板变量的项目，就像您所做的一样，但是如果您将这些用于组件/方向，它会给出一个列表使用相同的变量引用的目的是什么？你能用一个包装器并给它一个唯一的变量引用作为解决方法吗？@Vega是的，我按照你说的做了，只是想让它更简单。。谢谢你不能给多个元素赋予相同的id。它将只选择第一个元素。@Dhavalkansagara那么还有其他方法可以这样做吗？是我想要的链接，但此方法太复杂，无法与我的当前代码同步..您不能，尝试使用ViewChildren&QueryList时，您将只获得一个带有模板变量的项目，就像您所做的一样，但是如果您将这些用于组件/方向，它会给出一个列表使用相同的变量引用的目的是什么？你能用一个包装器并给它一个唯一的变量引用作为解决方法吗？@Vega是的，我按照你说的做了，只是想让它更简单。。谢谢，我先尝试了，但只选择了第一个element@ViewChild将选择一个但@ViewChildren'el'组件：QueryList；这将选择所有@Dhavalkansagara@ViewChildren'el'组件：QueryList只是一个元素。注意：在这种情况下，使用@ViewChild装饰器更有意义，因为这只是一个元素。他需要选择具有el名称的3 div元素。所以我们需要使用@ViewChildren.@Dhavalkansagara作为模板变量，它不起作用，只有一个元素。但对于可以工作的组件或指令，我先尝试了，但只选择了第一个element@ViewChild将选择一个但@ViewChildren'el'组件：QueryList；这将选择所有@Dhavalkansagara@ViewChildren'el'组件：QueryList只是一个元素。注意：在这种情况下，使用@ViewChild装饰器更有意义，因为这只是一个元素。他需要选择具有el名称的3 div元素。所以我们需要使用@ViewChildren.@Dhavalkansagara作为模板变量，它不起作用，只有一个元素。但对于可以工作的组件或指令，是否有人可以编辑此答案以包含代码而不是图像？作为一个盲人，它完全无法阅读。请不要放置包含代码的图像。复制/粘贴代码。是否有人可以编辑此答案以包含代码而不是图像？作为一个盲人，它完全无法阅读。请不要放置包含代码的图像。改为复制/粘贴代码。