使用ng-style编辑多类div AngularJS上的一个类的属性

Question

这是AngularJS 1.5（不是2）

我有一个<div>标记，它有一个默认类和一个只应用于变量值的类。我正在使用ng-class切换后面提到的类。

基于相同的变量值，我想切换默认类中的一个属性。我正在使用ng-style尝试切换它。

我如何知道或者我可以设定ng-style与哪个类进行交互？或者有不同/更好的方法来做到这一点？我想在HTML中保持逻辑内联，而不是在Controller中编辑类。

我的HTML：

<div class="default-class" 
     ng-style="{flex-direction: Controller.isMobile() ? 'column-reverse' : 'row'}"
     ng-class="{'sometimes-class': !Controller.isMobile()}">
    ...
</div>

CSS：

.default-class{
    display: flex;
    flex-direction: row; /*A default value that I expect to toggle*/
} 
.sometimes-class{
    ...
}

我正在尝试修改flex-direction中找到的default-class值。

Answer 1

只需从默认类中删除 flex-direction 。

.default-class{
    display: flex;
}