更改类属性ng-class

Question

我正在尝试设置margin-left属性：

<section ng-model="isTrue" ng-class="isTrue ? 'true' : 'false'">

CSS

 .wrapper > section {
    margin-left: 0;
}

我试图将margin-left: 220设置为false，如果为true，则设置“页边距-左:0”。

Answer 1

对每个类使用不同的类：

<section ng-model="isTrue" ng-class="isTrue ? 'no-margin-class' : 'my-margin-class'">

.no-margin-class {
    margin-left: 0;
}
.my-margin-class {
    margin-left: 220px;
}

Answer 2

<section ng-model="isTrue" ng-class="{ myclass: isTrue }">

CSS

.wrapper > section.myclass {
    margin-left: 220px;
}

Answer 3

使用ng类的简单方法。

<section ng-model="isTrue" ng-class="{'marginLeftZero' : !isTrue }"></section>

CSS

.wrapper section {
  margin-left:220px;
}

.wrapper section.marginLeftZero {
  margin-left:0;
}