angular - 如何使用按钮触发primeng colorpicker?

标签 angular angular6 primeng color-picker

这是 stackblitz 链接:- https://stackblitz.com/edit/angular-gtv8vo?file=src/app/app.component.html

这里,单击按钮时颜色选择器未打开?如何通过单击按钮打开调色板?

<p-colorPicker [(ngModel)]="color"></p-colorPicker>
<button class="btn btn-primary">Add COlor</button>

最佳答案

简单的方法:

<p-colorPicker #pcp [(ngModel)]="color"></p-colorPicker>
<button class="btn btn-primary" (click)="pcp.onInputClick()">Add Color</button>

关于angular - 如何使用按钮触发primeng colorpicker?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54075701/

相关文章:

regex - 使用正则表达式模式会产生编译错误 “Invalid regular expression”

angular - 错误 : Module not found: Error: Can't resolve '@angular/cdk/scrolling'

css - Internet Explorer 上的 Angular 6——Angular Material/Flex 布局不会居中?

angular - 拥有一个具有极简风格的 Primeng BlockableUI 接口(interface)组件

angular - 显示空选项的 PrimeNG 下拉列表

javascript - Angular2 - 在路由和渲染组件之前通过服务获取数组

javascript - 草稿状态/在 Angular 2 中保存时发布更改

sqlite - 如何将 Sqlite 与 ionic 2 rc.0 一起使用?

javascript - Angular2 - 为什么异步变量不能与 [hidden] 指令一起使用?

html - 使用 Angular Material 在右侧显示的侧边导航栏?