2015-10-01 106 views
0

我有一个对象是这样的:选择NG选项不工作

"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> 
+0

后到现在为止您做了什么? –

回答

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

+0

我试过这将它显示我这样: - [对象对象] –

+0

@Azad Shaikh检查我的演示。详细看护,在ng选项中“k为v(k,v)在列表中” –

+0

我的对象很像这是: - [{“1”:“cash”},{“2”:“credit”}] –

0

回答你的问题,更新

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