Question

我嵌套了ngFor，并且试图将值从内部ngFor传递给外部ngFor。那有可能吗。

  <div *ngFor="let links of links$?.links, let i = index" class="circleBtns {{links.id}}" (click)="clickButton({{linkHref.url}})">
      <div *ngFor="let linkHref of links.box">
          <div *ngIf="linkHref.group.indexOf(pageId) > -1" >
              <div>{{linkHref.url}}</div> //send this linkHref.url to clickButton function above        
         </div>
      </div>
  </div>

如果可以直接从第二个ngFor直接访问，我宁愿不运行第二个ngFor。

Answer 1

尝试使用以下代码，您无法按自己的意愿使用它，但我不知道它是否可以工作，但是您可以尝试以下代码，建议您尝试将JSON数组模型更改为具有更好地访问变量。

      <div *ngFor="let links of links$?.links, let i = index" 
            class="circleBtns {{links.id}}" 
           (click)="clickButton({{links.box.filter(x => x.group.indexOf(pageId) > -1)[0].url}})"

>

从内到外嵌套ngFor传递值

1 个答案: