如何隐藏PrimeNG选色器叠加层？

Question

有人对如何创建具有预定义颜色的拾色器覆盖样式（https://www.primefaces.org/primeng/#/colorpicker）有想法，但是单击隐藏覆盖并仅应用预定义颜色吗？

Answer 1

通过ViewChild引用，您可以通过调用togglePanel方法来操纵颜色选择器，以便在选择颜色后将其关闭。

HTML

<p-colorPicker #myColorPicker [(ngModel)]="color" (onChange)="onColorSelected()"></p-colorPicker>

TS

color = '#1976D2';

@ViewChild('myColorPicker') myColorPicker: ColorPicker;

和

onColorSelected() {
  this.myColorPicker.togglePanel();
}