Why is ngIf not working in angularjs2

Question

I am trying to use ngIf within an ngFor but it's just breaking my code. Below is my code:

<ion-row *ngIf="{{i % 3}}===0" *ngFor="let category of categories; let i=index">

I need to check if the index mod 3 is equal to zero

Do you try to use ngIf on the same element as the ngfor? and there is no code — MatWaligora, Sep 30 '16 at 13:15
Possible duplicate of [\*ngIf and \*ngFor on same element causing error](http://stackoverflow.com/questions/34657821/ngif-and-ngfor-on-same-element-causing-error) — Sterling Archer, Sep 30 '16 at 13:21

score 3 · Accepted Answer · answered Sep 30 '16 at 13:37

You can overwrite your code like:

<ion-row *ngFor="let category of categories; let i=index">
  <ng-container *ngIf="{{i % 3}}===0">
    ...
  </ng-container>
</ion-row>

ng-container behaves the same as template but you can use common syntax like *ngIf and *ngFor

score 0 · Answer 2 · answered Sep 30 '16 at 13:19

0

you can't put ngIf on the same component as ngFor

answered Sep 30 '16 at 13:19

kit

@MarkAdesina Angular 1 is very different than 2. – Sterling Archer Sep 30 '16 at 13:21

score 0 · Answer 3 · answered Sep 30 '16 at 13:21

0

Angular disallows such construction
Using i before initializing it in ngFor will never work
If you *ngIf gets a false value the *ngFor would never be created in the first place - see point 1:-)

answered Sep 30 '16 at 13:21

MatWaligora

3 Answers3