在Angular 7中为标签添加所需的星号

Question

我正在使用角度7.当标签具有required属性时，我想要一个带有红色所需星号的标签。我写下了像Stackblitz一样的app.component.css。但它没有奏效。不工作的原因是什么？ （或者做这项工作的另一种方式？）

app.component.css

label.required::after {
    content: " *";
    color: red;
}

app.component.html

<label required>Test Content</label>

STACKBLITZ

我想把结果显示为

Test Content *

Answer 1

label.required是类required标签的选择器。

<label class="required">

对于具有属性required的标签，它将是label[required]。

这是纯CSS，BTW，与Angular和TypeScript完全无关。