ons-col中的select标签隐藏了其他ons-cols

Question

下面是代码，其中没有选择标签，一切正常。我添加select标签的那一刻，所有其他ons-col都没有渲染。

即使尝试更改列的顺序，也会渲染所有以前的列。

这似乎微不足道，但已经超越了我。

<ons-row class="row" ng-repeat="deal in trickNowData" >
        <ons-col width="30%" class="col" style="-webkit-box-flex: 0; flex: 0 0 30%; max-width: 30%;">
          <div class="TN-table TN-table-content">
            <div class="TN-deal-name">{{deal.DealName}}</div>
            <div class="TN-deal-type">{{deal.DealType}}</div>
            <div class="TN-deal-calc">{{deal.ActualValue}}/- for {{deal.People}} people</div>
          </div>
        </ons-col>

        <ons-col width="20%" class="col" align="center" style="-webkit-box-flex: 0; flex: 0 0 15%; max-width: 15%;">
          <div class="TN-table TN-table-content">
            <div class="TN-deal-people">{{deal.People}}</div>
            <div ng-if="onsenDone" class="TN-deal-people"><select ng-options="item.value for item in dropDown.people" ng-model="selected.people"></div>
            <!-- <div ></div> -->
          </div>
        </ons-col>

        <ons-col width="45%" class="col" align="center" style="-webkit-box-flex: 0; flex: 0 0 45%; max-width: 45%;">
          <div class="TN-table TN-table-content">
            <i class="ion-minus-round TN-up-down"></i>
            <span class="TN-deal-value">{{deal.DealValue}}</span>
            <i class="ion-plus-round TN-up-down"></i>
          </div>
        </ons-col>

        <ons-col class="col" align="center">
          <div class="TN-table TN-table-content">
            <i class="ion-trash-a TN-delete"></i>
          </div>
        </ons-col>

      </ons-row>