選擇NG選項不工作

我有一個對象是這樣的：選擇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>

來源

2015-10-01 Azad Shaikh

後到現在爲止您做了什麼？ –

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

來源

2015-10-01 07:02:17

我試過這將它顯示我這樣： - [對象對象] –

@Azad Shaikh檢查我的演示。詳細看護，在ng選項中「k爲v（k，v）在列表中」 –

我的對象很像這是： - [{「1」：「cash」}，{「2」：「credit」}] –

回答你的問題，更新

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

來源

2015-10-01 09:41:33

選擇NG選項不工作

回答

相關問題