如何更改模态答案

【问题标题】：How to change modal如何更改模态
【发布时间】：2014-02-10 01:54:15
【问题描述】：

我在我的 Angular 项目中使用 ui bootstrap v0.10。当我尝试使用模态窗口时，我可以使用 windowClass 将宽度设置为较小的尺寸，但是它的变化也会将窗口位置抛出到最右边。

谁能帮帮我？

我用来尝试改变宽度的代码如下：

    $stateProvider.state("signin", {
        url: "/signin",
        onEnter: function ($stateParams, $state, $modal) {
            $modal.open({
                templateUrl: 'Pages/Modals/Signin.html',
                windowClass: 'fs-login-modal',
                controller: ['$scope', function ($scope) {
                    $scope.dismiss = function () {
                        $scope.$dismiss();
                    };
                }]
            }).result.then(function (result) {
                if (result) {
                    return $state.transitionTo("/");
                }
            });
        }
    });

我的 css 类设置如下：登录模式{ 宽度：270px； }

最好的问候，陈

【问题讨论】：

标签： css angularjs angular-ui

【解决方案1】：

如果我没记错的话，添加一个负边距-左边一半的宽度。

.login-modal { 
  width:270px; 
  margin-left: -135px;
}

我记得它有点复杂，可能要处理一个 .modal-inner 类或其他东西，但这应该会让你走上正轨。

【讨论】：