如果array2中的数组大于1,则隐藏

时间:2017-04-17 19:41:32

标签: arrays angular angular2-directives

我很不高兴尝试不成功的结果。

有一个对象数组,其中对象内部是/是预订ID / ID。预订ID是对象内的数组。预订ID为1或更多。预订ID。如果我只想显示1个预订ID,我想隐藏预订ID。

即使代码是1还是更多,我的代码如何显示全部。

    getBookingIds(){
  var myResult = this.customers;
    for(var i=0; i<myResult.length; i++){
      for(var j=0; j<myResult[i].bookingIds.length; j++){
        if(myResult[i].bookingIds.length > 2) {
          this.bookingId = true
        } else {
          this.bookingId = false;
        }
      }
  }
}

HTML

            <span class="bkidwrap" >
            <span class="bkids" *ngFor="let myBookingId of customer.bookingIds">
                <span class="bkid" *ngIf="bookingId">{{myBookingId}}</span>
            </span>
        </span>

enter image description here

1 个答案:

答案 0 :(得分:1)

您应该通过比较

下面的lengthas来使用隐藏属性绑定
<span class="bkidwrap" >
      <span class="bkids" *ngFor="let myBookingId of customer.bookingIds" 
                  [hidden]="customer.bookingIds.length === 1">
           <span class="bkid" >{{myBookingId}}</span>
      </span>
 </span>