如何检查模态内？

Question

我有一个带有表单字段的通用html代码，我在几个地方重用了它。当在bootstrap模式中打开时，我希望内容填充整个模态，但是当在别处使用时，我不希望它变得宽泛。我想使用ng-class，使用如下代码执行此操作：

<div ng-class="modal ? 'col-sm-9' : ['col-sm-9 col-lg-5']">
   content...
</div>

问题是：如何检查代码是否在模态内？我可以调用一些函数或读取一些变量吗？我想避免使用一些isModal（）函数填充所有模态控制器。

Answer 1

我建议使用CSS。然后，浏览器将识别剪辑是否出现在定义为模态的元素中并正确应用样式。

假设您在引导程序实现中使用了LESS，下面是一个示例。但它应该以任何一种方式给你一个总体思路。

LESS CSS标记：

div.content {
     .col-lg-5
}

modal {
     div.content {
          .col-sm-9;
     }
}

<强> HTML：

 <div class="modal">
         <h1>Heading</h1>
         <div class="content"> 
              content...
         </div> 
 </div>

Answer 2

将id= "mymodal"提交给div 然后在脚本中创建一个点击功能，并通过div：

调用此id

    $("#mymodal").show();

模态显示其内容。