angularjs – 如何在Angular UI Bootstrap中增加模态宽度？

发布时间：2020-12-17 09:09:01 所属栏目：安全来源：网络整理

导读：我创建一个模态： var modal = $modal.open({ templateUrl: "/partials/welcome",controller: "welcomeCtrl",backdrop: "static",scope: $scope,}); 有没有办法增加它的宽度？我使用类似这样的css类来定位模态对话框类： .app-modal-window .modal-dialog {

我创建一个模态：

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

有没有办法增加它的宽度？

我使用类似这样的css类来定位模态对话框类：

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

然后在控制器调用模态窗口中，设置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;
            });
    };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!