html - 在组件的 html 中使用 id 属性可以吗？

Question

考虑一个c组件html

<form id="someID"[formGroup]="codeEditorForm" novalidate>
</form>

和css

#SomeID{
color:grey;
}

如果两次C被包含在父组件中，那么不会被重复，这不应该发生在Pidhtml

问题 1 - 我不应该使用idinAngular吗？问题 2 - 我该如何编写css规则而不使用id?

标签： htmlcssangular6

Answer 1

您can使用 ID，但通常不需要这样做。

Angular 会自动限定样式的范围，因此在一个组件中定义的类不会影响在另一个组件中具有相同名称的类。

<form id="someID" class="my-form" [formGroup]="codeEditorForm" novalidate>
</form>

.my-form {
  color: green;
}

另请注意，您应确保在定义属性后始终有空格。someId"在您发布的示例中，在这种情况下可能没关系之后没有空格，但我想最好立即开始寻找这样的小事情。