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

Question

考虑一个组件 c与 html

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

与 css

#SomeID{
color:grey;
}

如 C包含在父组件中 P两次就不会id也被复制，这不应该发生在 html
问题 1 - 我应该不使用 id在 Angular ?
问题2 - 那我该怎么写css规则不使用 id ?

Answer 1

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

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

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

.my-form {
  color: green;
}

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