根据值存在启用div

时间:2017-05-11 17:52:23

标签: html angular typescript

我想根据存在的值启用div。我有一个模板如下,如果availableTickets为null或零,我需要将其显示为,

 <div ng-if="DetailEvent.listing?.availableTickets == 0">
      <div > No tickets available</div>
 </div>

如果它有一些值,我需要显示这个div

 <div ng-if="DetailEvent.listing?.availableTickets > 0">
      <div >Only <b>{{DetailEvent.listing?.availableTickets}}</b> tickets left</div>
 </div>

两者都不适用于我的情况。

1 个答案:

答案 0 :(得分:1)

Angular的语法错误。

 <div *ngIf="DetailEvent.listing?.availableTickets > 0">
      <div >Only <b>{{DetailEvent.listing?.availableTickets}}</b> tickets left</div>
 </div>

注意星号和缺少连字符。