如何提高模态宽度角UI引导？ [英] How do I increase modal width in Angular UI Bootstrap?

问题描述

我创建一个模式：

var modal = $modal.open({
                    templateUrl: "/partials/welcome",
                    controller: "welcomeCtrl",
                    backdrop: "static",
                    scope: $scope,
                });

在那里，以增加其宽度的方式？

is there a way to increase its width?

推荐答案

我使用一个CSS类，像这样瞄准模式，对话框类：

I use a css class like so to target the modal-dialog class:

.app-modal-window .modal-dialog {
  width: 500px;
}

然后在控制器调用模态窗口中设置windowClass：

Then in the controller calling the modal window, set the windowClass:

    $scope.modalButtonClick = function () {
        var modalInstance = $modal.open({
            templateUrl: 'App/Views/modalView.html',
            controller: 'modalController',
            windowClass: 'app-modal-window'
        });
        modalInstance.result.then(
            //close
            function (result) {
                var a = result;
            },
            //dismiss
            function (result) {
                var a = result;
            });
    };

这篇关于如何提高模态宽度角UI引导？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！