PrimeNG p-checkbox - Добавить обязательный знак звездочки после метки

Ниже мой код p-checkbox:

<div class = "col-sm-8">
  <p-checkbox
    [(ngModel)] = "allowParticipation"  
    binary = "true" 
    label = "I need to add red asterisk sign after this Label"     
  </p-checkbox>
</div>

Как добавить звездочку после метки, чтобы она была как внизу

(флажок) Мне нужно добавить красную звездочку после этой метки *

Если возможно, я могу получить Stackblitz для этого, очень признателен :)

user11364823 10.12.2020 06:06
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
1
1 193
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете сделать это с помощью CSS:

:host::ng-deep .label-required:after {
  content: " *";
  color: red;
}

и установите labelStyleClass = "label-required", чтобы применить этот CSS к метке флажка.

Смотрите демо

Спасибо .. каким-либо образом можно создать определенный класс, а затем добавить его где-нибудь в html?

user11364823 10.12.2020 12:53

Другие вопросы по теме