html 在AngularJS中使用Modal

Posted 2021-05-11

// open modal
var modalInstance = $uibModal.open({
    templateUrl: 'assets/meeting/modal/end-meeting.modal.html',
    controller: modelInstanceController
});

// do something after modal
modalInstance.result.then(function(param) {
    // do something here
})

modelInstanceController.$inject = ['$scope', '$state'];
function modelInstanceController($scope, $state) {
    
    $scope.ok = ok;
    $scope.cancel = close;

    function close() {
        // close without sending parameter
        modalInstance.close();
        
        // close with sending param
        modalInstance.close(param);
    }

    function ok() {
      // do something
    }
}

<div class="modal-header modal-primary" ng-click="out()">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="cancel()">
        <span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title">Do Something</h4>
</div>
<div class="modal-body">
    <div class="form-group text-center">
        <label class="control-label">Are you sure to do something?</label>
    </div>

	<div class="form-group pull-right">
	    <button class="btn btn-primary" type="button">Confirm</button>
	    <button class="btn btn-default" type="button">Cancel</button>
	</div>
	<div class="clearfix"></div>
</div>