Question

我正在使用ui.bootstrap.dialog模块。

我的问题是如何设置模态窗口的大小。我尝试过以下操作，但它无法正常工作：

$scope.viewopts = {
dialogClass: 'dialogsize',
dialogOpenClass:'dialogsize', 
    templateUrl: 'template/view-add-dialogue.tpl.html',   
    controller: 'CustomViewModalCtrl',
   resolve: {
    headerlist: $scope.data         
   }

};

在我的css文件中定义类dialogsize：

.dialogsize {
   width: 800px; 
  height: 600px
 }

有人可以帮我解决这个问题吗？

Answer 1

这与angularJS没有任何关系，因为它只是利用来自twitter bootstrap的模态。您只需要在twitter bootsrap中覆盖对话框大小的默认值：

https://github.com/twbs/bootstrap/blob/f95ab89fb1da85ff0fcb95c43d4fe4af359e302a/less/modals.less#L130

关于您询问有关自定义对话框版本的问题，您可以查看其API。我们可以使用自己的对话框，这意味着您可以使用所需的CSS添加自定义类。

https://github.com/angular-ui/bootstrap/tree/master/src/dialog

在angularjs中设置对话的大小

1 个答案: