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

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/