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

Question

我正在使用角度7。当标签具有pg属性时，我希望标签带有红色必需的星号。我像Stackblitz一样写了required。但这没有用。 不工作的原因可能是什么？ （或执行此工作的另一种方法？）

app.component.css

app.component.css

app.component.html

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

STACKBLITZ

我想将结果显示为

<label required>Test Content</label>

Answer 1

label.required是具有 class required标签的选择器。

<label class="required">

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

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