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

Question

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

在上面的示例中，我有两个不同的视图“编辑”和“addNew”具有相同的内容，但风格是不同的。怎么做？

Answer 1

您可以使用ng-class：

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

在css文件中：

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

然而，您可以使用AngularJS中的更多内置指令。有关可用选项和示例的更详细说明，请查看accepted answer for a similar question