Css 检查正在应用哪个引导类,并根据使用AngularJS的情况添加行为

Css 检查正在应用哪个引导类,并根据使用AngularJS的情况添加行为,css,angularjs,html,twitter-bootstrap-3,angularjs-directive,Css,Angularjs,Html,Twitter Bootstrap 3,Angularjs Directive,基本上,我遇到的问题是,我将两个网格类应用于一个元素,如: <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,所以我也可以在一个指令中管理它,但首先,我需要确定

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

<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,所以我也可以在一个指令中管理它,但首先,我需要确定每个时刻应用的是哪个类。

指令确实是正确的方式,因为Angular将把它传递给它解析的DOM。如果要避免这种情况,就必须像jQuery那样不带角度地读取DOM


正如您所说,Angular可以处理应用程序的逻辑,因此我的建议是让Angular同时处理应用的引导类和行为管理。

既然您有一些条件来查看应用哪个类,您不能使用相同的条件来确定应用了哪个类吗?或者您可以使用来相应地设置样式。

但实际上,如果我在指令中检查参数'element'或'attrs',我找不到哪个类应用于col-md-3或col-xs-12之间的元素,也找不到如何获取哪个类在工作。例如,如果我打开浏览器控制台,我可以随时看到哪个类正在工作。那么,有没有什么提示可以让我得到这些信息??基于此,我可以应用元素的某种行为。