Question

我有一个这样的对象：

"choiceList":[{"1":"cash"},{"2":"credit"}]

我想在select元素中显示此对象，其中option元素显示现金和信用。我有另一个变量，如果选择了现金或信用，我想要保存1或2。

HTML：

<select name="memoType" ng-model="lookUpValue"> 
    <option value="">--Please Choose--</option>
    <option ng-repeat="(key,value) in list">{{value}}</option>
</select>

Answer 1

function ControllerA($scope) {    
    $scope.list= {"1" : "Cash" , "2" : "Credit"}; 
 }



<div ng-controller="ControllerA" ng-app>
    Simple options<br/>
    <select ng-options="k as v for (k, v) in list" ng-model="lookUpValue">
</select><br/>
    lookUpValue= {{lookUpValue}}

</div>

See this demo

Answer 2

回答您的更新问题

HTML：

    <div ng-controller="ControllerA" ng-app ng-init="lookUpValue='0'">
    Simple options<br/>
    <select ng-options="k as v for (k, v) in list[0] " ng-model="lookUpValue">
</select><br/>
    lookUpValue = {{lookUpValue}}<br/>     
</div>

<强>控制器：

function ControllerA($scope) {    
    $scope.list = [{"0":"--Please Choose--","1" : "Cash" , "2" : "Credit"}]; 

 }

查看完整的工作演示here

选择具有键值对的ng-options不起作用

2 个答案: