Call a function from an *ngIf Angular 5

Question

Say I have this code here

<div *ngIf="item">lorem ipsum</div>

Is there a way I can call a function if that *ngIf evaluates to true??

you know something like this..

<div *ngIf="(item) : callFunction() ? ...">lorem ipsum</div>

any help would be appreciated!

Thanks

Answer 1

Angular way would be:

<div *ngIf="name; then func(); else false">;</div>

But as *ngIf evaluates passed in logical expression, you can also do:

<div *ngIf="name?func():false">;</div>

Answer 2

Try like this

<div *ngIf="item ===true?callFunction():'otherStuff'">lorem ipsum</div>

Answer 3

You can try like this

Html

<div *ngIf="item; then callfunction; else nofunction"></div>
<ng-template #callfunction>
  {{call()}}
</ng-template>
<ng-template #nofunction>
 <!-- something else -->
</ng-template>

Ts

call(){
}

If you got better solution than this please post that to