嵌套的ngFor传递值从内到外

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。

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}})"

>