angular点击按钮弹出页面_angularjs怎么编写一个公共的弹出层插件？

I'm a modal!

• {{ item }}

Selected: {{ selected.item }}

OK

Cancel

Open me!

Large modal

Small modal

Selection from a modal: {{ selected }}

angular.module('ui.bootstrap.demo',['ui.bootstrap'])

.controller('ModalDemoCtrl', function($scope, $modal, $log) {

$scope.items = ['item1', 'item2', 'item3'];

$scope.open = function(size) {

var modalInstance = $modal.open({

templateUrl: 'myModalContent.html',

controller: 'ModalInstanceCtrl',

size: size,

resolve: {

items: function() {

return $scope.items;

}

}

});

modalInstance.result.then(function(selectedItem) {

$scope.selected = selectedItem;

}, function() {

$log.info('Modal dismissed at: ' + new Date());

});

};

})

.controller('ModalInstanceCtrl', function($scope, $modalInstance, items) {

$scope.items = items;

$scope.selected = {

item: $scope.items[0]

};

$scope.ok = function() {

$modalInstance.close($scope.selected.item);

};

$scope.cancel = function() {

$modalInstance.dismiss('cancel');

};

});