Angularjs -模态弹出窗口

// 在控制器中注入$uibModal服务
app.controller('MyController', ['$scope', '$uibModal', function($scope, $uibModal) {
  // 定义打开模态窗口的方法
  $scope.openModal = function() {
    var modalInstance = $uibModal.open({
      templateUrl: 'myModal.html', // 模态窗口的HTML模板
      controller: 'ModalController', // 模态窗口的控制器
      size: 'sm', // 模态窗口的大小，可选值有：sm、md、lg
      resolve: {
        // 可以传递给模态窗口的参数
        items: function() {
          return $scope.items;
        }
      }
    });

    // 处理模态窗口关闭后的回调
    modalInstance.result.then(function(selectedItem) {
      $scope.selected = selectedItem;
    }, function() {
      // 取消关闭模态窗口的回调
    });
  };
}]);

// 定义模态窗口的控制器
app.controller('ModalController', ['$scope', '$uibModalInstance', 'items', function($scope, $uibModalInstance, items) {
  $scope.items = items;

  // 定义模态窗口的关闭方法
  $scope.closeModal = function() {
    $uibModalInstance.close($scope.selectedItem);
  };
}]);