In my application, I have the following code:
<input type="checkbox" ng-checked="vm.eduToEdit.test" />
{{vm.eduToEdit.test}}
<input type="checkbox" ng-model="vm.eduToEdit.test">
The value of vm.eduToEdit.test is displaying true or false, but regardless of the value, the checkboxes in both input fields above remain unchecked. I have tried using ng-model and ng-checked, but none of them seem to work.
EDIT: I also attempted the following without success:
<input type="checkbox" ng-checked="vm.eduToEdit.test" /> -
<input type="checkbox" ng-checked="checking" /> -
{{vm.eduToEdit.test}}
{{checking}}
In my controller, I have:
vm.eduToEdit.test = true;
$scope.checking = true;
Although "true" is displayed on the page, the checkboxes are never checked.
Here is my controller:
(function () {
'use strict';
myModule.controller('EducationController', ["$scope", "bootstrappedData", EducationController]);
function EducationController($scope, bootstrappedData) {
var vm = this;
vm.shoppingCart = bootstrappedData.shoppingCart;
vm.eduToEdit = {};
vm.EditEducation = function (applicantEducationId, educationTypeId) {
var owl = $(".owl-carousel");
var eduFound = $.grep(this.shoppingCart, function (h) {
return h.ApplicantEducationId === applicantEducationId;
});
vm.eduToEdit = eduFound[0];
vm.eduToEdit.formattedAttendEnd = vm.ConvertToDate(vm.eduToEdit.AttendEnd);
vm.eduToEdit.formattedAttendStart = vm.ConvertToDate(vm.eduToEdit.AttendStart);
vm.eduToEdit.formattedGraduationDate = vm.ConvertToDate(vm.eduToEdit.GraduationDate);
vm.eduToEdit.test = true;
$scope.checking = true;
switch (educationTypeId) {
case 1:
case 2:
case 3:
case 4:
owl.trigger('to.owl.carousel', [1, 50]);
break;
case 5:
owl.trigger('to.owl.carousel', [3, 50]);
break;
case 6:
owl.trigger('to.owl.carousel', [2, 50]);
break;
case 7:
owl.trigger('to.owl.carousel', [4, 50]);
break;
case 9:
owl.trigger('to.owl.carousel', [5, 50]);
break;
}
};
vm.ConvertToDate = function (jsonDateToConvert) {
if (jsonDateToConvert == null)
return "";
var value = new Date
(
parseInt(jsonDateToConvert.replace(/(^.*\()|([+-].*$)/g, ''))
);
return value.getMonth() + 1 + "/" + value.getDate() + "/" + value.getFullYear();
}
}
})();