Hello,
Insert.cshtmll -
<select ng-model="ClassSeatMaster.ClassName" data-ng-options="c as c.ClassName for c in allItems" class='form-control'>
<option value="">-- Select Class --</option>
</select>
Api controler to bind dropdown
public JsonResult GetClass()
{
using (TravelAgencyEntities context = new TravelAgencyEntities())
{
var ClassList = context.ClassMasters.Select(x => new { x.ClassName, x.ID }).ToList();
return Json(ClassList, JsonRequestBehavior.AllowGet);
}
}
AngularJS Dropdown binding Code
function GetAllClass() {
$http({
method: 'Get',
url: '/ClassDDL/GetClass'
}).success(function (data, status, headers, config) {
$scope.allItems = data;
}).error(function (data, status, headers, config) {
$scope.message = 'Unexpected Error';
});
}
$scope.save = function () {
alert($scope.ClassSeatMaster.SeatType);
if ($scope.ClassSeatMaster.SeatType != '' && $scope.ClassSeatMaster.ClassName != '')
{
$http({
method: 'POST',
url: 'api/SeatTypeAPI/AddSeatType',
data: $scope.ClassSeatMaster
}).then(function successCallback(response) {
$scope.SeatTypeData.push(response.data);
alert('Inserted successfully!!');
$scope.addnewdiv = false;
}, function errorCallback(response) {
alert('error:' + response.data.ExceptionMesage);
});
}
else {
alert('Please enter all Mandatory Fields!!');
}
};
When I am inserting record data inserts successfully. but blank data inserts. When I tried to get selected dropdown value using "alert($scope.ClassSeatMaster.SeatType);" it shows message "Object object" in place of selected value.
Please help to insert dropdown selected value.