Html 如何在不同的视图中添加具有相同内容但风格不同的内联css？

这是我的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>

---

然而，在AngularJS中还有更多的内置指令可以使用。有关可用选项和示例的更详细说明，请查看我刚刚尝试使用ng if的

。。但代码赢了；Don’看起来不太好。。还有其他建议吗？请随控制器一起提供完整的html使用

ng样式

。根据表达式求值确定样式。但是如果我想将其添加到内联中？还有吗？@saurav您可以使用

ng样式

作为内联样式。

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