How to call a function if *ngIf is true? [duplicate]

Question

Here I have an ion-input which I want to hide only when item.type==2 in the list of items

<ion-input type="text"></ion-input>

<div *ngFor="let item of items">
  <div *ngIf="item.type == 2">
    <span>The End</span>
  </div>
</div>

How should I go about this ?

Answer 1

<ion-input type="text"></ion-input>

<div *ngFor="let item of items">
  <div *ngIf="check(item)">
    <span>The End</span>
  </div>
</div>


export class YourCom{

   check(item){
       if(item.type == 2){

          callThatFunction();
       }

   }
}

This is a better practice anyway, that makes your check function testable, which is your business logic.

but don't forget that if you call a function that updates the view somehow, you're gonna get an error from change detection that says >"Expression updated after view is checked"