无法将 JSON 数据加载到 AngularJS 中的 DropDownList
Not able to load JSON data into DropDownList in AngularJS
我在使用 Angular ng-options 将 JSON 数据加载到 Dropdown 时得到空白数据。
我的 JSON 价值观
"tagFormat": {
"displayText": "Tag Format",
"options": [{
"value": "js",
"name": "JS"
}, {
"value": "vast",
"name": "VAST"
}]
},
HTML 查看
<div class="select_padding">
<select class="form-control" ng-options="otf.value as otf.name for otf in details.tagFormat.options">
<option>Select Tag Format</option>
</select>
</div>
这里的细节是我的范围变量。
如何获取这些数据以及下次我需要使用所选值时。所以我需要绑定 ng-model 吗?
谢谢
这是工作代码:
<select class="form-control" ng-options="item as item.name for item in details.tagFormat.options track by item.value" ng-model="selected">
<option value="">Select Tag Format</option>
</select>
在$scope.selected
中您阅读了所选项。
在 Codepen 上查看此示例:http://codepen.io/beaver71/pen/Vexwmr
我在使用 Angular ng-options 将 JSON 数据加载到 Dropdown 时得到空白数据。
我的 JSON 价值观
"tagFormat": {
"displayText": "Tag Format",
"options": [{
"value": "js",
"name": "JS"
}, {
"value": "vast",
"name": "VAST"
}]
},
HTML 查看
<div class="select_padding">
<select class="form-control" ng-options="otf.value as otf.name for otf in details.tagFormat.options">
<option>Select Tag Format</option>
</select>
</div>
这里的细节是我的范围变量。
如何获取这些数据以及下次我需要使用所选值时。所以我需要绑定 ng-model 吗?
谢谢
这是工作代码:
<select class="form-control" ng-options="item as item.name for item in details.tagFormat.options track by item.value" ng-model="selected">
<option value="">Select Tag Format</option>
</select>
在$scope.selected
中您阅读了所选项。
在 Codepen 上查看此示例:http://codepen.io/beaver71/pen/Vexwmr