Unable to declare a variable within *ngFor angular2

Asked Mar 16 '17 at 07:00

Active Mar 16 '17 at 07:41

Viewed 167 times

I am trying to declare a variable of my own within *ngFor but it throws error and is not working.

I loop through a collection of buttons, and show icon whenever the condition inside *ngIf is satisfied.

<button *ngFor="let button of buttons;" type="button">
    <i *ngIf="button.icon || (button.conditional && button.iconConditional)" [attr.class]="button.icon"></i>
</button>

I want to reuse the condition within *ngIf to add a class conditionally to <button> as well.

When I try to do as below, it fails at "let showIcon".

<button *ngFor="let button of buttons; let showIcon = button.icon || (button.conditional && button.iconConditional)" type="button" [ngClass]="{'icon':showIcon}">
    <i *ngIf="showIcon" [attr.class]="button.icon"></i>
</button>

Can someone please help.

Even trying to add showIcon variable within ngFor throws me error as below:

edited Mar 16 '17 at 07:41

asked Mar 16 '17 at 07:00

anusreemn

1,047
1
10
24

1

What's the error you're getting? – Fredrik Lundin Mar 16 '17 at 07:04
Seems like it's imposible http://stackoverflow.com/questions/37114178/declare-variable-in-ngfor – Brivvirs Mar 16 '17 at 07:58
There should be some way though :( – anusreemn Mar 16 '17 at 11:42
Am I the only new Angular user who is absolutely amazed by this? How on Earth are we supposed to do anything conditional inside a loop? – Oscar Bravo May 29 '18 at 09:42

Unable to declare a variable within *ngFor angular2

0 Answers0