html - 如何在内容相同但样式相同的不同 View 中以 Angular 添加内联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”和“ add New”，它们的内容相同，但是样式不同。怎么做？

最佳答案

您可以使用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

关于html - 如何在内容相同但样式相同的不同 View 中以 Angular 添加内联css？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34412425/