javascript - 使用指令设置默认变量

Question

我正在使用 ng-repeat 循环遍历对象数组并将其打印到我 View 中的表中，但根据 api 返回的内容，我可能没有每个对象的每个属性的值。这会产生一个带有空格的表。我希望空白仅显示“0”，而不仅仅是空白。

是否有一种简单的方法可以在不向对象添加“0”值的情况下完成此操作？

例如

var rooms = [
    {room_num:'1', seats_available:'5'},
    {room_num:'2', seats_available:'12'},
    {room_num:'3'}
]

查看:

<div ng-repeat='room in rooms'>
  <h1>Room:{{room.room_num}}</h1>
  <h2>Seats:{{rom.seats_available}}</h2>
</div>

会导致 3 号房间的可用座位为空白。我希望它只显示 0。

Answer 1

使用三元运算符。

<div ng-repeat='room in rooms'>
   <h1>Room:{{room.room_num}}</h1>
   <h2>Seats:{{room.seats_available ? room.seats_available : "0" }}</h2>
</div>

您也可以只使用||。这将起到相同的作用。但我认为这样做并不是一个很好的惯例。

<div ng-repeat='room in rooms'>
   <h1>Room:{{room.room_num}}</h1>
   <h2>Seats:{{room.seats_available || "0" }}</h2>
</div>