*NGIF中的另一个条件

Question

HTML

<div *ngFor="let item of commonService.indexList$.getValue(); let i = index" class="Box">
 <span *ngIf="commonService.indexKey$.getValue().includes(item.id)?item.quantity - commonService.liststock$.getValue() > 0:item.quantity; else notFound"> 

</span>
<ng-template #notFound>
</ng-template>

Answer 1

不，你不能这样做，*NGIF只接受逻辑运算符，或者你可以使用函数，它的结果应该是真的或假的！

如果您有一个复杂的条件，您可以在component.ts中定义一个函数，并在*NGIF中使用它

例如：

check(item){
   if (this.commonService.indexKey$.getValue().includes(item.id)){
      if(item.quantity - this.commonService.liststock$.getValue() > 0)
         return true;
      else 
         return false;
   }
   else
      return false;
 }

<span *ngIf="check(item)"> 

</span>