When someone clicks on the levels in a list, I need to call a method in AngularJs. However, clicking on the checkbox within the ng-repeat does not trigger any action. Strangely, when I click on the checkbox outside of the ng-repeat, it works fine. Here is my code:
<div class="col-md-4">
<label>Select Level:</label>
<div ng-repeat="level in vm.Levels | filter: {Workshop:true}">
<div class="i-checks">
<input type="checkbox" ng-model="level.Name" id="{{'level-'+ level.SkillId}}" icheck />
<label class="control-label">
{{level.Name}}
</label>
</div>
</div>
<input type="checkbox" />
</div>
I have also provided my controller code below:
(function () {
'use strict';
var controllerId = 'SeriesEditor';
angular.module('app').controller(controllerId, ['apiFactory', "$filter", SeriesEditor]);
function SeriesEditor(wfapi, $filter) {
var vm = this;
vm.Init = function () {
vm.Levels = [];
}
vm.loadLevelsForSeries = function () {
var mReq = new Models.services.LevelListRequest();
api.get(mReq)
.then(function (data) {
vm.Levels = data.Results;
});
}
}
})();
Any help would be greatly appreciated. Thank you in advance.