Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
<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>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
myApp.controller('MyCtrl', function($scope){
// Success call of uploaded files
$scope.manufacturers =[{
"ip": "10.103.01.0",
"name": "Camera axiss",
"description": "Description text here",
"name": "SONY",
"modelId": "Model XYZ001",
"user_name": "user",
"password": "pass",
"isEnableCamera": true,
"hasMasking": true,
"hasPresetCamera":true,
"userGroup": {
"userGroupIds": "Group 2"
}
},{
"ip": "10.103.01.0",
"name": "Camera axiss",
"description": "Description text here",
"name": "SONY",
"modelId": "Model XYZ001",
"user_name": "user",
"password": "pass",
"isEnableCamera": true,
"hasMasking": true,
"hasPresetCamera":true,
"userGroup": {
"userGroupIds": "Group 2"
}
}];
})