PrimeNG p-checkbox - 在 label 之后添加星號強制符號

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>

如何在 label 之后添加星號，使其如下所示

（復選框）我需要在此 Label 之后添加紅色星號 *

Answer 1

你可以用 CSS 做到這一點：

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

並設置labelStyleClass="label-required"將此 CSS 應用於您的復選框 label。

看演示