时间戳

首页 > 解决方案 > 如何获得对单个 Angular 组件的可寻址性？

javascript - 如何获得对单个 Angular 组件的可寻址性？

问题描述

环境： Angular 7 使用 ng-select 组件。

场景： *ngFor 创建一个 ng-select 组件列表，如下所示：

<div *ngFor="let address of addresses">
  <ng-select    
     [items]="address.cities"
     bindLabel="name"
     bindValue="id">
  </ng-select>
</div>

ng-select 组件有我需要调用的方法。如何获取 ngSelect 实例的每个实例以便从模型端调用这些方法。

我能够在 DOM 中看到分解的 htmlelements 但我不想遍历 DOM 我只想调用某些 ng-select 方法但不知道如何从模型中获取组件的实例。

方法调用的一个示例是：

instanceOfNgSelect.HandleClear();

我想访问从 *ngFor... 创建的任何实例

标签： javascriptangularangular-ngselect

解决方案

如果我理解正确，您想在 4 个中调用第二个吗？如果是这样，您是否尝试在循环时启动索引？*ngFor="auth of authors, let i = index;"，这种情况下可以传索引，根据索引进行识别。

推荐阅读