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

Question

考虑到 Angular 中的最佳实践，我想知道我们是否应该使用 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 属性。此外，只要 View 中的逻辑发生变化，您就必须更新 CSS。这种耦合很糟糕，应该避免。

改为对元素、类和 ID 使用选择器。