Question

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

HTML

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

CSS

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

我试图设置margin-left: 220如果为false和`margin-left：0＆＃39;如果是真的。

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

<强> HTML

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

<强> CSS

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

Answer 3

使用ng-class的简单方法。

<强> HTML

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

<强> CSS

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

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

Answer 4

您的代码应该是以下方式

ul li.activeItem
{
    border: 1px solid #eab000;
}
ul li.activeItem a
{
    color:#eab000;
}

http://plnkr.co/edit/7SXLRX6tl5hPHJlllc5o?p=preview

这应解决您的问题

更改类属性ng-class

4 个答案: