This is scenario that I need. When i open modal box and check some checkboxes, next time when I open i want to be selected checkboxes from first time. Below is my code.
Main Controller modal function
function openModal() {
vm.modalInstance = $uibModal.open({
animation: true,
size: 'lg',
templateUrl: "/template.html",
controller: 'ModalController as vm',
resolve: {
refFY: function () {
return vm.refFY;
}
}
});
vm.modalInstance .result.then(function (selectedItem) {
$log.info('Modal ok-ed ', selectedItem);
vm.fySelections = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
}
Modal controller
function ModalController($uibModalInstance, $log, refFY) {
var fvm= this;
fvm.refFY = refFY;
fvm.fySelections = [];
$log.info(fvm);
function dismissFYSelectionModal() {
$uibModalInstance.dismiss('cancel');
}
function confirmFYSelectionModal() {
$log.debug(fvm.fySelections);
$uibModalInstance.close(fvm.fySelections);
}
function selectAll() {
fvm.fySelections = angular.copy(fvm.refFY);
}
function resetAll() {
fvm.fySelections = [];
}
fiscalyearvm.dismissFYSelectionModal = dismissFYSelectionModal;
fiscalyearvm.confirmFYSelectionModal = confirmFYSelectionModal;
fiscalyearvm.selectAll = selectAll;
fiscalyearvm.resetAll = resetAll;
}
** modal view body**
<div class="modal-body">
<div class="panel">
<div class="panel-body">
<div class="col-md-12" data-ng-repeat="fy in fvm.refFY" data-ng-show="fvm.refFY.length > 0">
<div class="ckbox ckbox-primary">
<label>
<input type="checkbox" data-checklist-model="fvm.fySelections" data-checklist-value="fy">
{{fy.year}}
</label>
</div>
</div>
</div>
</div>
</div>
Aucun commentaire:
Enregistrer un commentaire