2016-07-07 77 views
2

在我的编辑页面中,我需要的是在下拉列表中显示值来自json文件的值。我能够获得html文件中的值,但在显示该值时遇到困难。如何在angularjs下拉列表中设置json的值

这里的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),但力为我工作。

任何帮助将是一个很大的帮助。

+1

似乎'cameraDetails.manufacture_id'不是选项值降下来MACHING。试试''ng-options =“manufacturer.manufacture_id as manufacturer.name for manufacturer in manufacturer”'' –

+0

当你在做ng时,为什么要保留value =“”尝试传递一些值然后检查。 – Rohan

回答

-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/

+0

我的问题是“我能够获得html文件中的值,但在选择显示该值时挣扎。”@ jitender – MonsterJava

相关问题