基于具有键的对象创建一系列下拉菜单：[下拉选项数组]对？

Question

在过去的几天里，我一直被这个问题困扰。基本上，我正在尝试根据数据库中的 JSON return 创建一系列下拉菜单。 2 天前我能够让它工作得很好而且花花公子，但我们只是将我们的后端代码重写为 return 一种不同格式的 JSON 我必须重写很多东西才能让它工作。我们名字的格式JSON是这样的：

provisions: {
   NAME OF DROPDOWN MENU1: [VALUE1, VALUE2, VALUE3, ..],
   NAME OF DROPDOWN MENU2: [VALUE1, VALUE2, VALUE3, ..],
   NAME OF DROPDOWN MENU3: [VALUE1, VALUE2, VALUE3, ..]
}

基于 JSON，我想创建 3 个下拉菜单，其中包含相关值。我还希望能够显示服务器之前保存的任何数据 return（例如，如果用户在第一个下拉列表中选择值 2 并保存页面，则下一次第一个下拉列表将显示值 2他们访问该页面）。

这是我目前必须尝试显示下拉菜单的 HTML：

<form class="form-horizontal" ng-controller="GamePreferenceCtrl">
    <div ng-repeat="(name, section) in gameConfigs">
        <label ng-bind="name"></label>
        <select class="form-control" ng-model="formData.settings[$index].value" ng-change="dropdownItemClicked(name, formData.settings[$index].value)">
            <option value="" disabled="disabled">---Please Select Option---</option>
            <option ng-repeat="item in section" value="{{item.value}}" ng-bind="item.value"></option>
        </select>
    </div>
    <div class="col-md-12" ng-include="gametemp"></div>
    <div class="row">
        <div class="hr-line-dashed"></div>
        <div class="text-center col-md-12 padding-15">
            <button class="btn btn-primary btn-lg" ng-click="saveGameSetting()" formnovalidate translate>
                <i class='fa fa-circle-o-notch fa-spin' ng-if="showBusy"></i>&nbsp;Save
            </button>
        </div>
    </div>
</form>

这种写法会显示下拉菜单，上面有适当的名称，但下拉菜单中的每个选项都是空白的。对此的任何帮助表示赞赏。谢谢你。

Answer 1

您尝试过这样做吗？

<option ng-repeat="item in section" value="{{item.value}}">{{item.value}}</option>

我不确定 ng-bind 是否可以访问 item.value，因为 ng-repeat 在同一元素上，所以这样可能效果更好。

基于具有键的对象创建一系列下拉菜单：[下拉选项数组]对？

Creating a series of dropdown menus based on an Object with key: [array of dropdown options] pairs?

javascript

angularjs

drop-down-menu

ng-repeat

ng-options