angularjs - Angular ng-options 根据ajax数据添加选择

标签 angularjs select ng-options

如何强制 ng-options 根据 ajax 结果使用选定的值

这个保存用于循环的可选值

$scope.selectOptions = 
    {
        "api": "API",
        "json": "JSON",
        "xml": "XML",
        "csv": "CSV"
    };

feed 保存返回的 ajax 数据,item.feed_type 是保存的值,应与 $scope.selectOptions 进行比较

<div ng-repeat="item in feed">
 <select ng-model="formInfo.feed_type" ng-options="k as v for (k,v) in selectOptions" class="form-control">
</div>

最佳答案

您可以使用 ngInitformInfo.feed_type 值设置为 item.feed_type:

<div ng-repeat="item in feed" ng-init="formInfo.feed_type = item.feed_type">
    <select ng-model="formInfo.feed_type" ng-options="k as v for (k,v) in selectOptions" class="form-control"></select>
</div>

查看测试演示:http://plnkr.co/edit/E1QsrY9XPSZnqXRJqHAJ?p=preview

关于angularjs - Angular ng-options 根据ajax数据添加选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27888064/

相关文章:

javascript - 顶线填充 Nvd3 图表

javascript - 从外部 JSON 文件生成选择列表

mysql - 表 1 包含名字和姓氏,表 2 包含两列引用表 1 上的名称

javascript - 无法填充第二个选择语句

javascript - 对于同一个 html 文件有多个 Controller

css - 如何显示标签但不移动div中的其他元素?

javascript - angularjs 和 window.x 中的“use strict”未定义,但仍然运行文件而没有错误

mysql - SELECT 和其他值的 INSERT 结果

javascript - angularJS - 添加带有 ng-options 的静态选项

javascript - AngularJS 和选择