我想在离子应用程序中创建一个颜色选择器[关闭]

【问题标题】：I want to create a color picker in ionic app [closed]我想在离子应用程序中创建一个颜色选择器[关闭]
【发布时间】：2020-04-14 11:40:16
【问题描述】：

在我的应用程序中，每当我从该列表中选择颜色时，我想创建一个颜色列表，我的文本的下一个字段颜色会根据该列表自动更改。我没有任何代码。

【问题讨论】：

请提供您到目前为止所做的事情，Stackoverflow 不是您从社区获得项目开发的地方。 我没有任何代码。绝不应该是这样。首先，您需要尝试一些东西，如果某些东西不起作用或者您在某个地方被击中，那么您应该就 SO 提出问题。

标签： html css angular ionic4 color-picker

【解决方案1】：

这里是example for you

感谢https://stackblitz.com/@bockoblur

导入

import { ColorPickerModule } from 'ngx-color-picker';

@NgModule({
  bootstrap: [
    AppComponent
  ],
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ColorPickerModule
  ]
})

.html

<input 
      [style.background]="colorList[0].value" 
      [(colorPicker)]="colorList[0].value"
      [cpOKButton] = "true"
      [cpOKButtonText] = "'Select'"
      [cpCancelButton] = "true"
      [cpSaveClickOutside] = "'false'"
      [cpDisableInput]="false"
      [cpAlphaChannel]="'disabled'" 
      [cpOutputFormat]="'hex'"
      [cpPresetColors]="presetValues"
      [cpAddColorButton]="true" 
  />

【讨论】：