Javascript 在angular中从JSON数据填充多个下拉选择框

Javascript 在angular中从JSON数据填充多个下拉选择框,javascript,angularjs,json,drop-down-menu,Javascript,Angularjs,Json,Drop Down Menu,首先,经过多次搜索,这并不能回答我的问题 我正在使用并希望填充一些从JSON数据中提取的下拉列表。该数据的示例如下所示: { "results": [ { "title": "Difficulty", "icon": "difficulty-icon", "filters": [{ "name": "Easy", "checked":

首先,经过多次搜索,这并不能回答我的问题

我正在使用并希望填充一些从JSON数据中提取的下拉列表。该数据的示例如下所示:

{
    "results": [

        {
            "title": "Difficulty",
            "icon": "difficulty-icon",
            "filters": [{
                "name": "Easy",
                "checked": false
            }, {
                "name": "Medium",
                "checked": false
            }, {
                "name": "Hard",
                "checked": false
            }, {
                "name": "Expert",
                "checked": false
            }]
        },

        {
            "title": "Direction of Movement",
            "icon": "direction-icon",
            "filters": [{
                "name": "Flexion",
                "checked": false
            }, {
                "name": "Ulnar Deviation",
                "checked": false
            }, {
                "name": "Radial Deviation",
                "checked": false
            }]
        },

        {
            "title": "Exercise Aim",
            "icon": "aim-icon",
            "filters": [{
                "name": "Power",
                "checked": false
            }, {
                "name": "Strength",
                "checked": false
            }]
        }, {
            "title": "Muscle Group ",
            "icon": "muscle-icon",
            "filters": [{
                "name": "Foot & Shin",
                "checked": false
            }]
        },

        {
            "title": "Joint",
            "icon": "joint-icon",
            "filters": [{
                "name": "Foot and Ankle",
                "checked": false
            }, {
                "name": "Knee",
                "checked": false
            }]
        }

    ]
}
当选择其中任何一项时,我需要将该值推送到一个数组中(该数组不特定于它所来自的下拉列表,因此可以共享同一个模型)

我想运行一个
ng repeat
,它将创建5个下拉列表,这些下拉列表由上面的数据填充,其中自定义按钮文本显示来自我的JSON数据的
Title

这可能吗?如果没有,我如何在控制器中运行一个函数来分离这些数据,以便将JSON数据的每个部分公开给
$scope

更新

到目前为止,我已经设法做到了这一点:但是我不确定如何才能获得
Title
属性

<div ng-repeat="select in Filters">
    <div ng-dropdown-multiselect="" options="Filters[$index].filters" selected-model="example1model" extra-settings="filterSettings"></div>
</div>

以下是一个片段,其中包含ngRepeat循环中的多选下拉列表示例:

var-app=angular.module('myApp',['angularjs-dropdown-multiselect']);
app.controller(“appController”,函数($scope){
$scope.filterSettings={
displayProp:'名称',
idProp:'名称'
};
$scope.all_数据={
“结果”:[
{
“标题”:“难度”,
“图标”:“难度图标”,
“过滤器”:[{
“名称”:“简单”,
“选中”:false
}, {
“名称”:“中等”,
“选中”:false
}, {
“名称”:“硬”,
“选中”:false
}, {
“姓名”:“专家”,
“选中”:false
}]
},
{
“标题”:“运动方向”,
“图标”:“方向图标”,
“过滤器”:[{
“名称”:“屈曲”,
“选中”:false
}, {
“名称”:“尺骨偏差”,
“选中”:false
}, {
“名称”:“径向偏差”,
“选中”:false
}]
},
{
“标题”:“演习目标”,
“图标”:“目标图标”,
“过滤器”:[{
“名称”:“权力”,
“选中”:false
}, {
“名称”:“强度”,
“选中”:false
}]
}, {
“标题”:“肌肉群”,
“图标”:“肌肉图标”,
“过滤器”:[{
“名称”:“脚部和小腿”,
“选中”:false
}]
},
{
“标题”:“联合”,
“图标”:“关节图标”,
“过滤器”:[{
“名称”:“脚和脚踝”,
“选中”:false
}, {
“姓名”:“膝盖”,
“选中”:false
}]
}
]
};
角度.forEach($scope.all_data.results,function)(项,键){
item.model=[];
});
});

mydata.model={{mydata.model|json}

是。这是可能的。