我应该使用ng-if作为CSS属性选择器编写CSS吗？

Question

考虑到角的最佳做法,我想知道,如果我们要使用ng-if的CSS属性选择与否.

请在下面找到HTML和CSS代码以供参考.

HTML:

<span ng-class="{'has__hardcoded-value' : user.isManualEdit}">
    {{user.totalScore}}
    <span ng-if="user.isManualEdit" class="alert-default">*</span>
</span>

CSS

span.has__hardcoded-value {
    position: relative;
}
span.has__hardcoded-value > [ng-if="user.isManualEdit"] {
    position: absolute;
    right: -7px;
    top: -7px;
}

任何输入将不胜感激.

提前致谢 :)

Answer 1

不,不要这样做.

在CSS中使用Angular特定属性将您的设计/布局与Angular相结合.如果不更改CSS,则无法更改JavaScript框架.您甚至无法在不更改CSS的情况下升级到Angular 2+,因为ng-if不再有属性.此外,只要视图中的逻辑发生变化,您就必须更新CSS.这种耦合很糟糕,应该避免.

使用选择器代替元素,类和ID.