如何隐藏PrimeNG颜色选择器覆盖

Question

有人知道如何创建colorpickers覆盖样式吗(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();
}