如何使用按钮触发primeng颜色选择器？

<button (click)="showColorPicker = !showColorPicker">打开颜色选择器</button>

<p-colorPicker [(ngModel)]="selectedColor" [style]="{'display': showColorPicker ? 'block' : 'none'}"></p-colorPicker>

import { Component } from '@angular/core';

@Component({
  selector: 'app-color-picker',
  templateUrl: './color-picker.component.html',
  styleUrls: ['./color-picker.component.css']
})
export class ColorPickerComponent {
  showColorPicker: boolean = false;
  selectedColor: string = '';
}