如何在angularjs下拉列表中設置json的值

在我的編輯頁面中，我需要的是在下拉列表中顯示值來自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），但力爲我工作。

任何幫助將是一個很大的幫助。

來源

2016-07-07 MonsterJava

似乎'cameraDetails.manufacture_id'不是選項值降下來MACHING。試試''ng-options =「manufacturer.manufacture_id as manufacturer.name for manufacturer in manufacturer」'' –

當你在做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/

來源

2016-07-07 09:00:55 jitender

我的問題是「我能夠獲得html文件中的值，但在選擇顯示該值時掙扎。」@ jitender – MonsterJava

如何在angularjs下拉列表中設置json的值

回答

相關問題