如何隐藏 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();
}