0

伙计们,我正在使用 ui.bootstrap.dialog 模块。

我的问题是如何设置模态窗口的大小。我尝试了以下方法,但没有按预期工作:

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

};

dialogsize在我的css文件中定义的位置:

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

谁能帮我解决这个问题?

4

1 回答 1

0

这应该与 angularJS 没有任何关系,因为它只是利用了 twitter 引导程序中的模态。您只需要在 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

于 2013-08-19T22:00:18.720 回答