0

我有一个场景,我需要将 kendo-popup 添加到我的数组中的每个元素,问题是 kendo-popup 将“anchor(parent)”作为输入来显示弹出窗口。下面是示例代码。

  <span #anchor{{index}} *ngFor="let route of breadcrumbs;index as index;" class="item" (click)="executeAction(route)">
    <span >{{route.label}}</span>
    <span (click)="openPopup($event)"> <i class="fa fa-arrow-down"></i> </span>
    <kendo-popup [anchor]="anchor{{index}}" [open]="popupOpen" (closePopup)="close()" position="fixed"></kendo-popup>

如您所见,我想创建模板引用变量并将其作为 ["anchor0", "anchor1"] 传递给 kendo-popup。但是上面的代码不起作用。我也尝试了一些其他技术,但还没有任何帮助。有人可以帮忙吗?提前致谢。

4

1 回答 1

1

模板引用变量的范围仅限于定义它们的模板。结构指令创建一个嵌套模板,因此引入了一个单独的范围。

因此,您的模板引用变量已经是唯一的,因为它们位于 ngFor 嵌入式视图中。

<span #anchor *ngFor="let route of breadcrumbs;index as index;" class="item" (click)="executeAction(route)">
    <span >{{route.label}}</span>
    <span (click)="openPopup($event)"> <i class="fa fa-arrow-down"></i> </span>
    <kendo-popup [anchor]="anchor" [open]="popupOpen" (closePopup)="close()" position="fixed"></kendo-popup>
于 2020-08-10T05:46:42.873 回答