Question

我在Angular4中动态命名组件/本机元素时遇到了一些问题。例如，我有一个指令，它将@Input()的native元素作为参数。它看起来像那样：

<div class="container">
   <div #content class="some-content">
      (...)
   </div>
</div>
<button type="button" [someDirective]="content"> Use content! </button>

工作正常。但是我想以相同的方式使用一些内容，所以我使用了一系列内容：

<div class="container" *ngFor="let elem of arrays; let index = index;">
   <div #content class="some-content">
      (...)
   </div>
</div>
<button type="button" [someDirective]="content"> Use content! </button>

OFC，我会收到错误，因为 #content 不会是唯一的。这是我的问题：有没有办法动态创建对元素的引用？我的意思是，像：

<div class="container" *ngFor="let elem of arrays; let index = index;">
   <div #content${index} class="some-content">

任何人都知道这个问题的解决方案？我必须补充一点这只是一个例子。我再次遇到这个问题，所以我必须知道如何解决这类问题（所以提取 class =＆＃34;容器＆＃34;元素来分离组件对我来说没有答案。）

有没有办法动态引用组件/本机元素？

0 个答案: