AngularJs: 如何使用 ng-options 绑定对象

Question

我已经实现了一个下拉菜单，我试图使用 ng-options 从数据库中填充我的下拉菜单，但是当数据出现时，它出现在一个没有键或值的对象中，如图所示 below.I 尝试将 ng 选项用作：- 通过使用 ng-option

<tr>
<td nowrap>Billing Method:</td>
<td>
<select id="listBillingMethod" data-ng-options="blngmthod as blngmthod for blngmthod in listBillingMethod"  ng-model="custom.listBillingMethod" style="width: 182px !important; height: 34px;"></select>
</td>
<td nowrap></td>
 <td></td>
</tr>

如果我尝试使用 ng-repeater 做同样的事情，它会给我想要的结果，即我的下拉列表将填充 up.My ng-repeater 代码：-

 <tr>
 <td nowrap>Billing Method:</td>
 <td>
 <select id="listBillingMethod" style="width: 182px !important; height: 34px;">
 <option value="0">--- Select an option ---</option>
 <option data-ng-repeat="blngmthod in listBillingMethod">{{blngmthod}}</option>
</select>
</td>
<td nowrap></td>
<td></td>
</tr>

我的数据形式如下：-

Answer 1

看看这个 fiddle 如果您的数据对象没有键，您应该真正使用 ng-options 然后修改它以使其适合 ng-options 示例

fiddle

<form>        
    <select ng-model="group" 
        ng-options="o.value as o.label for o in myGroups"
        ng-change="tellUs()"/>       
</form>

AngularJs: 如何使用 ng-options 绑定对象

AngularJs: How to bind a object with ng-options

angularjs

angularjs-directive

angularjs-ng-repeat

ng-repeat

ng-options