angular에서modal 모드 상자 (복원 가능)

9825 단어 프런트 엔드
복용 가능 (일반적으로function에서 찾기): 이벤트 이후 함수 클릭
$rootScope.confirm = function(content, okFn, cancelFn) {
    var modal = $modal({
        html: true,
        show: false,
        templateUrl: 'views/template/ptteng-confirm-0.0.1.html',
        controller: function($scope) {
            $scope.content = content;
            $scope.ok = function() {
                typeof okFn == 'function' && okFn();
                modal.$promise.then(modal.hide);
            };
            $scope.cancel = function($scope) {
                typeof cancelFn == 'function' && cancelFn();
                modal.$promise.then(modal.hide);
            };
        }
    });
    modal.$promise.then(modal.show);
};

html:

    
    

ngjs:
vm.delete = function(id) {

    $rootScope.confirm(" ?", function() {
        moduleService.deleteModule(id).then(function(res) {

            $state.go($state.current, {}, {reload: true});

        });
    });

};

모드 상자 html
class="modal ng-scope top am-fade" tabindex="-1" role="dialog" aria-hidden="true" style="display: block;">
class="modal-dialog">
class="modal-content">
class="modal-header">

class="modal-title" > 프롬프트

class="modal-body"> {{content}}
class="modal-footer">

좋은 웹페이지 즐겨찾기