Как добавить встроенный CSS в Angular в другом представлении с тем же содержанием, но другим стилем?

0

Здесь мой html-

     <p  ng-if= "editMode=='edit'" style="margin-left: 1px;margin-top: -2px;">===some messages---</p>
     <p  ng-if= "editMode=='addNew'" style="margin-left: 1px;margin-top: -2px;">===some messages---</p>

В приведенном выше примере у меня есть два разных вида "edit" и "addNew" с тем же контентом, но стиль отличается. Как это сделать?

  • 0
    Я просто попытался использовать NG-если .. Но код не будет выглядеть хорошо ... какие-либо другие предложения?
  • 0
    пожалуйста, предоставьте ваш полный HTML с вашим контроллером
Показать ещё 1 комментарий
Теги:
angularjs-scope
angularjs-ng-repeat

1 ответ

0

Вы можете использовать ng-class:

<p ng-class='{"class1": editMode=="edit", "class2": editMode=="addNew"}'>===some messages---</p>

И в файле css:

.class1 {
     /* some styles */
}
.class2 {
     /* some styles */
}

Однако в AngularJS есть еще много встроенных директив, которые вы можете использовать. Более подробное объяснение доступных вариантов и примеров можно найти на принятом ответе на аналогичный вопрос

  • 0
    Но если я хочу добавить его в строку? там в любом случае?
  • 0
    @saurav Вы можете использовать ng-style для встроенного стиля.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню