如何將 PrimeNG 中的 p-checkbox 標簽放在復選框的左側

Question

 <p-checkbox name="group1" [value]="true" label="Outsourcing"
                             style="margin: 0 25px"></p-checkbox>

默認情況下，標簽位於復選框的右側，如何將其更改為左側？

Answer 1

您可以通過在p-checkbox元素中將row-direction樣式屬性設置為row-reverse來實現這一點。

<p-checkbox 
  name="group1" 
  [value]="true" 
  label="Outsourcing" 
  style="margin: 0 25px; flex-direction: row-reverse">
</p-checkbox>

工作示例： https : //stackblitz.com/edit/angular-ivy-drzmxl?file=src/app/app.component.html