在angularjs中的表單編輯過程中在選擇字段中選擇一個選項

我有一個表單，其中包含要由用戶編輯的數據。我正在使用angularJS的$ http服務獲取表單數據。我已經完成了所有工作，但我無法選擇選擇字段的選項（我是angularJS中的新成員）。我在一個數組像下面設置選擇字段的數據 -在angularjs中的表單編輯過程中在選擇字段中選擇一個選項

$scope.currency = []; 
angular.forEach(data.currency, function(data) { 
    $scope.currency.push({ 
     symbol: data.symbol, 
     alpha_code: data.alphaCode, 
     currency: data.currency 
    }); 
});

而在HTML中，我產生選擇場像下面 -

<select name="currency_advance" class="form-control" ng-model="invoice_currency"> 

    <option ng-repeat="data in currency" data-type="{{data.symbol}}" value="{{data.alpha_code}}">{{data.alpha_code + '-' + data.currency}}</option> 

</select>

任何解決方案如何在angularJS選擇的選項？

來源

2013-10-28 rafi

你可以改變你的喜歡;

<select ng-model="invoice_currency" ng-options="option.alpha_code as option.alpha_code + ' ' + option.currency for option in currency"></select>

並且如果您要選擇您的選擇框中的值，請在您的控制器中執行此步驟;

$scope.invoice_currency = "your select value"

希望它有幫助。

來源

2013-10-28 05:35:02 BKM

但如果我使用ng選項生成選擇字段，選項值變爲0,1,2,3 ......，它不適合我，我需要一些其他值，如'USD'，'XSD' ，'BDT'等.... – rafi

當你檢查選擇框時，不要擔心，當使用ng選項時，html將始終顯示值爲0,1,2 ..但實際上，當您提交表單時，我們將獲得的價值是我們設置爲選擇框的價值，在您的情況下，它將是美元，XSD等等。 – BKM

我在答案上做了一個更改。我已將option.symbols更改爲option.alpha_code。請檢查一下。 – BKM

你需要開始思考更多的角度！查看關於ngSelect：http://docs.angularjs.org/api/ng.directive:select的文檔，並使用它們的指令代替自己手動構建<select>。

來源

2013-10-28 05:22:14 redmallard

我已經做了什麼指定那裏，不是嗎？ – rafi

在angularjs中的表單編輯過程中在選擇字段中選擇一個選項

回答

相關問題