I'm dealing with an address object that has nested objects for both permanent and postal addresses. Despite successfully saving the values of input boxes in a large form, I'm facing an issue with not being able to save the dropdown (select) values. Can someone help me identify what I might be missing?
index.view.html
<div class="form-group" ng-class="{ 'has-error': form.address.$dirty && form.address.$error.required }">
<label for="address" class="col-sm-2 control-label">Address</label>
<div class="col-sm-5">
<label style="padding-top:8px">Permanent Address</label><br>
<textarea rows="5" cols="50" maxlength = "100" type="text" placeholder="Address Line1" class="form-control" ng-model="address.permanent.line1" ng-change="sameAsPermanent && update()" required> </textarea><br>
<select class="form-control" ng-model="address.permanent.countryName" ng-options="country._id as country.countryName for country in countries" ng-change="sameAsPermanent && update()"></select><br>
<select class="form-control" ng-model="address.permanent.countryCode" ng-options="country._id as country.countryCode for country in countries" onkeypress='return event.charCode >= 48 && event.charCode <= 57' ng-change="sameAsPermanent && update()"></select><br>
<select class="form-control" ng-model="address.permanent.stateName" ng-options="country._id as country.stateName for country in countries" ng-change="sameAsPermanent && update()"></select><br>
<select class="form-control" ng-model="address.permanent.city" ng-options="country._id as country.city for country in countries" ng-change="sameAsPermanent && update()"></select><br>
<input type="text" class="form-control" placeholder="Area" ng-model="address.permanent.locations.Area" ng-change="sameAsPermanent && update()" required><br>
<input type="text" class="form-control" placeholder="Zip/Postal code" ng-model="address.permanent.locations.pincode" ng-change="sameAsPermanent && update()" required><br>
</div>
<div class="col-sm-5">
<label style="padding-top:8px">Postal Address</label> <input type="checkbox" ng-model="sameAsPermanent" ng-change="sameAsPermanent && update()">Same<br>
<textarea rows="5" cols="50" maxlength = "100" type="text" placeholder="Address Line 1" class="form-control" ng-model="address.postal.line1" ng-disabled="sameAsPermanent" required> </textarea><br>
<select class="form-control" ng-disabled="sameAsPermanent" ng-model="address.postal.countryName" ng-options="country._id as country.countryName for country in countries"></select><br>
<select class="form-control" ng-disabled="sameAsPermanent" onkeypress='return event.charCode >= 48 && event.charCode <= 57' ng-model="address.postal.countryCode" ng-options="country._id as country.countryCode for country in countries"></select><br>
<select ng-disabled="sameAsPermanent" class="form-control" ng-model="address.postal.stateName" ng-options="country._id as country.stateName for country in countries"></select><br>
<select class="form-control" ng-disabled="sameAsPermanent" ng-model="address.postal.city" ng-options="country._id as country.city for country in countries"></select><br>
<input type="text" class="form-control" ng-disabled="sameAsPermanent" placeholder="Area" ng-model="address.postal.locations.Area" required><br>
<input type="text" class="form-control" ng-disabled="sameAsPermanent" placeholder="Zip/Postal code" ng-model="address.postal.locations.pincode" required><br>
</div>
</div>
index.controller.js
$scope.address={
permanent:{
},
postal:{
}
};
$http.get('http://student.herokuapp.com/address')
.success(function(response){
// $scope.countries=response.address.countryName;
countryLen=response.address.length;
console.log(countryLen);
for(var i=0;i<countryLen;i++){
$scope.countries.push({ "countryName":response.address[i].countryName,
"countryCode":response.address[i].countryCode,
"stateName": response.address[i].states[i].stateName,
"city": response.address[i].states[i].cities[i].city
});
}
});
$scope.save = function() {
$http.put('https://student.herokuapp.com/personalInfo', {
"name" : $scope.name,
"dob" : $scope.dob,
"gender" : $scope.gender,
"address" : {
"permanent" : {
"line1" : $scope.address.permanent.line1,
"zip" : $scope.address.permanent.locations.pincode,
"state" : $scope.address.permanent.stateName,
"Country" : $scope.address.permanent.countryName
},
"postal" : {
"line1" : $scope.address.postal.line1,
"zip" : $scope.address.postal.locations.pincode,
"state" : $scope.address.postal.stateName,
"Country" : $scope.address.postal.countryName
}
}
).success(function(response)
});
**Address Json array**
"address": {
"permanent": {
"line1": "MG Road",
"zip": 403404,
"state": "Goa",
"Country": "Panjim"
},
"postal": {
"line1": "MG Road 2",
"zip": 403404,
"state": "Goa",
"Country": "Panjim"
}