在angularjs中进行表单编辑时,在选择字段中选择一个选项

时间:2013-10-28 05:18:08

标签: javascript angularjs angularjs-ng-repeat

我有一个包含数据的表单,供用户编辑。我使用angularJS的$ http服务获取表单数据。我做了所有,但我不能选择一个选择字段的选项(我是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中选择一个选项?

2 个答案:

答案 0 :(得分:2)

你可以改变你的想法;

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

希望它有所帮助。

答案 1 :(得分:1)

你需要开始思考更有棱角!查看ngSelect的文档:http://docs.angularjs.org/api/ng.directive:select并使用他们的指令,而不是自己手动构建<select>