angularjs - 如何设置 Angular 模态自定义高度和宽度

我找到了一种更改 Angular 模态宽度的方法，但是我始终不知道如何设置所需的高度。我需要模式为400px宽度，400px高度。我还需要重新定位它，使其位于屏幕的中央。谢谢
plunkr

 $scope.NewJobModal = function () {

      var modalInstance = $modal.open({
          templateUrl: 'views/modals/NewJobModal.html',
          controller: 'NewJobModalInstanceCtrl',
          windowClass: 'large-Modal',
          resolve: {
              p: function () {
                  return $scope.p;
              }
          }
      });
  };

.large-Modal .modal-dialog{
width:30%;
}

最佳答案

两件事情:

1-在您提供的Plunkr中，您未附加.css文件。将src更改为href。

2-然后在您的css文件中:

.large-Modal .modal-dialog{
  height: 400px;
  width:400px;
  margin: auto;
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
}