Question

我正在从Web服务调用数据，并希望以两种方式显示数据。第一种方式是通过我已经完成的选择/下拉列表，它正在工作。另一种方法是使用离子项作为列表显示它，我使用了相同的编码，因此它应该工作。我没有错误，并且离子项的数据确实显示在我的控制台日志中，所以这告诉我这是在html中显示它的问题。

HTML：

选择/下拉：

 <label class="item item-input item-select">
    <div class="input-label">
      Quote:
    </div>
    <select ng-model="selectedrep1" ng-init="selectedrep1()" ng-change="TruckData(selectedrep1)" ng-options="rep1.QuoteNumber for rep1 in rep1s">
       <option value=""></option>
      <option selected>Select</option>
    </select>
   </label>

离子项目

<ion-list ng-model="selectedtruck1" ng-options="truck1.TrucksName for truck1 in truck1s">
  <ion-item class="item-stable" ng-value="">
  </ion-item>

Answer 1

在离子列表中使用ng-repeat，详细示例为here

<ion-list >
  <ion-item ng-repeat="truck1 in truck1s" 
    <h2>{{truck1.TrucksName}}</h2>
  </ion-item>
</ion-list>

ng-option with ion-list item

1 个答案: