Question

在我的编辑页面中，我需要的是在下拉列表中显示值来自json文件的值。我能够在html文件中获取值，但是在将此值显示为选中时却很费劲。

这是html代码：

<select class="form-control" name="manufacturer" ng-change="loadModels(cameraDetails.manufacture_id.id);" ng-model="cameraDetails.manufacture_id" ng-options="manufacturer.name for manufacturer in manufacturers" required>
    <option value="">{{'PLEASE_SELECT' | translate}}</option>
</select> 
{{cameraDetails.manufacture_id}}  // Here I am getting the value.

json文件：

{
    "ip": "10.103.01.0",
    "name": "Camera axiss",
    "description": "Description text here",
    "manufacture_id": "SONY",
    "modelId": "Model XYZ001",
    "user_name": "user",
    "password": "pass",
    "isEnableCamera": true,
    "hasMasking": true,
    "hasPresetCamera":true,

    "userGroup": {
        "userGroupIds": "Group 2"
    }

}

我看到了类似的问题（How do I set default value of select box in angularjs），但这对我有用。

任何帮助都会有很大的帮助。

Answer 1

您可以按照以下方式执行此操作

 <select class="form-control" name="manufacturer" ng-change="loadModels(cameraDetails.manufacture_id.id);" ng-model="cameraDetails.manufacture_id"  required>
                               <option ng-repeat="m in manufacturers" value="m.ip">{{m.name}}</option>
                            </select>

以下是工作示例http://jsfiddle.net/phd975zo/

如何在angularjs下拉列表中设置来自json的值

1 个答案: