Добавление необходимых символов в ярлык в Angular 7

#css

Вопрос:

Я использую angular 7. И я хочу, чтобы метка с красными звездочками была обязательной, когда у метки есть required атрибут. Я написал app.component.css , как показано ниже, Stackblitz. Но это не сработало. В чем может быть причина неработоспособности? (Или другой способ выполнить эту работу?)

app.component.css

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

app.component.html

 <label required>Test Content</label>

STACKBLITZ

Я хочу показать результат как

Test Content *

Ответ №1:

label.required является селектором для ярлыка с классом required .

 <label class="required">

Для метки с атрибутом required это было бы label[required] .

Кстати, это чистый CSS и не имеет абсолютно никакого отношения к Angular и TypeScript.