从* ngIf Angular 5

时间:2018-04-04 03:23:57

标签: javascript angular typescript

说我在这里有这个代码

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

如果* ngIf的计算结果为真,我可以调用函数吗?

你知道这样的事情......

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

任何帮助将不胜感激!

由于

3 个答案:

答案 0 :(得分:4)

Angular方式是:

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

但是当*ngIf评估在逻辑表达式中传递时,您也可以这样做:

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

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:1)

您可以尝试这样

<强> HTML

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

<强> TS

call(){
}

如果您有更好的解决方案,请将其发布到