Привет, ребята, у меня есть сервис, который открывает модальное окно начальной загрузки (ui-bootstrap) с вопросом и 2 кнопками.То, что я хочу, это обработать, если пользователь нажал кнопку «ОК» или «нет», а затем я хотел бы удалить элемент или просто закрыть модальное окно.И я хотел бы вызвать эту услугу в любом месте (на разных контроллерах), где пользователь может удалить любой элемент.Вопрос в том, как изменить этот сервис, чтобы сделать это?
Шаблон:
> <div class="modal-header">
> <h4>Delete confirmation</h4> </div> <div class="modal-body">
> <p>Item will be permanently deleted! Do you want to continue?</p> </div> <div class="modal-footer">
> <button type="button" class="btn"
> data-ng-click="cancel()">No</button>
> <button class="btn btn-danger"
> data-ng-click="ok();">Ok</button> </div>
Сервис:
myApp.service('modalService', [
'$modal', function ($modal) {
var self = this;
var modalInstance = null;
self.open = function ($scope, path) {
modalInstance = $modal.open({
templateUrl: path,
scope: $scope
});
};
self.close = function () {
modalInstance.dismiss('close');
};
return self;
}
]);
Служба вызова:
> $scope.deleteTest = function () {
> modalService.open($scope,'js/app/templates/confirmation-modal.html');
// I want to continue to do my delete if Ok button on modal was hit ....
> };