PrimeNG p-checkbox - 在标签后添加星号强制符号

Question

下面是我的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>

如何在标签后添加星号，使其如下所示

（复选框）我需要在这个标签后添加红色星号*

Answer 1

你可以用 CSS 做到这一点：

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

并设置 labelStyleClass="label-required" 将此 CSS 应用于您的复选框标签。

见demo