在角度2中选择具有1个散列选择的viewchild

Question

有相同标签在同一级别中选择多个标签的技巧吗？

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

它总是给"参考"#el"定义了几次"错误信息.

提前致谢

Answer 1

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

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

下面是我的HTML,其中我使用#dynamicPopupContentPlaceHolder作为div标签的选择器.

首先,需要在角/核库中添加组件中的QueryList,如下所示.

最后,在组件文件中,我使用QueryList(包含子项数组)来获取所有使用下面的子项.

最后,我使用widgetSelector变量以下面的方式从数组中获取最后一个子节点.

let _targetSelector = this.widgetTargets.last;