Вложенное значение 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}})"

>