Изменение атрибута класса ng-class

Question

Изменение атрибута класса ng-class

0

Я пытаюсь установить атрибут 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", если true.

user2894034 16 нояб. 2015, в 13:22

Источник

0

Я ответил на ваш вопрос, но просто любопытно. почему вы помещаете ng-модель в тег раздела?
murli2308 16 нояб. 2015, в 12:01

Теги:

angularjs

css

html5

4 ответа

0

Код должен быть ниже

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

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

Это должно решить вашу проблему

Arvin 16 нояб. 2015, в 10:54

0

Простой способ использования ng-класса.

HTML

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

CSS

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

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

murli2308 16 нояб. 2015, в 10:14

0

HTML

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

CSS

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

Rui Carneiro 16 нояб. 2015, в 10:05

0

Это сработало, спасибо!
user2894034 16 нояб. 2015, в 12:07
1

@ user2894034, если работает upvote и примите ответ.
murli2308 16 нояб. 2015, в 12:09

Ещё вопросы

Я ответил на ваш вопрос, но просто любопытно. почему вы помещаете ng-модель в тег раздела?
@ user2894034, если работает upvote и примите ответ.

Magicprog.fr · Accepted Answer · 2015-11-16T09-54-00.000Z

Используйте для каждого из них разные классы:

<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;
}