动态更新模态angularjs中的窗口类

时间:2017-02-13 10:30:56

标签: angularjs modal-dialog

我正在尝试在某些操作中动态更改windowClass中提供的模态的css类,而不重新创建模式,我使用的是$ uibModal服务,我已经在这方面挣扎了一段时间。

我尝试了这个但是没有用

       changeWindowClass(value) {
            this.scope.windowClass = value;
       }
调用

时会注入

范围

       $uibModal.open()

changeWindowClass在点击按钮上执行(正在执行我使用console.log检查)。

感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

我找到了一个肮脏的解决方案,传递的windowClass的值以" modal - "为前缀,所以我做的是选择类modal-{value}的元素,如果你不喜欢使用jQuery或jqLit​​e你可以像这样使用查询选择器

angular.element(document.querySelector(".{your class}")

然后只需删除该类,然后使用removeClass()addClass()

添加新课程

答案 1 :(得分:-1)

你可以这样试试。

$uibModal.open({
       templateUrl: 'templare.html',
       backdrop: 'static',
       keyboard: false,
       windowClass: 'zindex'
})