要使用按钮触发primeng颜色选择器,可以按照以下步骤进行操作:
<button (click)="showColorPicker = !showColorPicker">打开颜色选择器</button>
<p-colorPicker [(ngModel)]="selectedColor" [style]="{'display': showColorPicker ? 'block' : 'none'}"></p-colorPicker>
showColorPicker
,用于控制颜色选择器的显示和隐藏。同时,定义一个字符串类型的变量selectedColor
,用于存储用户选择的颜色值。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 = '';
}
这样,当用户点击按钮时,颜色选择器会显示出来,用户可以选择颜色并保存。当用户再次点击按钮时,颜色选择器会隐藏起来。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云