检查正在应用哪个 Bootstrap 类并根据使用 AngularJS 添加行为答案

【问题标题】：Check which Bootstrap class is being applied and add behaviour according to that using AngularJS检查正在应用哪个 Bootstrap 类并根据使用 AngularJS 添加行为
【发布时间】：2015-01-12 19:17:17
【问题描述】：

基本上我遇到的问题是我将两个网格类应用于一个元素，例如：

<div class="col-md-3 col-xs-12">
  <p class="text-style">Test</p>
</div>

根据是否应用 col-md-3 或 col-xs-12，更改文本样式的行为，也许我只能使用 CSS 来做到这一点，但无论如何我正在使用 AngularJS 来管理应用程序逻辑。

我使用的是 Angular 1.2，所以我也可以在指令中管理它，但首先，我需要确定每个时刻正在应用哪个类。

【问题讨论】：

标签： css angularjs html twitter-bootstrap-3 angularjs-directive

【解决方案1】：

Directive 确实是正确的方式，因为 Angular 会将它传递给它解析的 DOM。如果你想避免它，你必须读取没有Angular的DOM，就像jQuery的方式一样。

正如你所说，Angular 可以处理应用程序的逻辑，因此我的建议是让 Angular 处理引导类应用和text-style 行为管理。

【讨论】：

但实际上，如果我在指令中检查参数“element”或“attrs”，我无法找到 col-md-3 或 col-xs-12 或如何得到哪个在工作。例如，如果我打开浏览器控制台，我可以随时看到哪个类在工作。那么我有什么技巧可以获取这些信息吗？并基于此，我可以对
元素应用某种行为。

【解决方案2】：

既然你有条件看申请哪个类，难道不能用同样的条件来确定申请哪个类吗？或者您可以使用ngStyle 来设置相应的样式。

【讨论】：