Здесь мой 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" с тем же контентом, но стиль отличается. Как это сделать?
Вы можете использовать ng-class
:
<p ng-class='{"class1": editMode=="edit", "class2": editMode=="addNew"}'>===some messages---</p>
И в файле css:
.class1 {
/* some styles */
}
.class2 {
/* some styles */
}
Однако в AngularJS есть еще много встроенных директив, которые вы можете использовать. Более подробное объяснение доступных вариантов и примеров можно найти на принятом ответе на аналогичный вопрос
ng-style
для встроенного стиля.