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

Posted 2023-03-06

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

【英文标题】：I want to create a color picker in ionic app [closed]

【发布时间】：2020-04-14 11:40:16

【问题描述】：

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

【问题讨论】：

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

【参考方案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" 
  />