离子选择颜色输入答案

【问题标题】：Ionic select input of colours离子选择颜色输入
【发布时间】：2017-03-20 15:56:06
【问题描述】：

我正在尝试添加选择的颜色输入。我想作为选项添加的颜色如下：http://ionicframework.com/docs/components/#header 如何编写选择，以便当用户选择一种颜色时，他将选项视为颜色而不是颜色名称？

这是我现在拥有的，在浏览器中运行时可以接受，但是当我从手机运行时，背景颜色不可见，用户只能看到颜色的名称：

   <select ng-model="category.colour" required>
                    <option selected style="background-color: white" class="light">light</option>
                    <option style="background-color: cornsilk" class="stable">stable</option>
                    <option style="background-color: DodgerBlue " class="positive">positive</option>
                    <option style="background-color: aqua" class="calm">calm</option>
                    <option style="background-color: YellowGreen" class="balanced">balanced</option>
                    <option style="background-color: Gold" class="energized">energized</option>
                    <option style="background-color: Crimson " class="assertive">assertive</option>
                    <option style="background-color: BlueViolet " class="royal">royal</option>
                    <option style="background-color: black" class="dark">dark</option>
                </select>

【问题讨论】：

你能用你试过的东西发布代码吗？
@Ionut 我已经更新了我现在所拥有的
好的。测试了你的代码。因此，您实际上并没有使用 Ionic 框架来更改颜色，而是使用纯 CSS。在移动设备上，您无法从选择中设置这些选项的样式。您必须使用其他 HTML 元素进行自己的选择。我没有看到另一种方式。此外，让您的下拉选项具有多种颜色似乎有点难看。
这可能会帮助你检查它jsfiddle.net/sai525/xt3xv/370
@SaEChowdary，您的代码无济于事。无法在移动设备上使用。每个设备都有自己的样式选择方式。

标签： html angularjs ionic-framework

【解决方案1】：

我已经使用最新版本的 ionic 并使用 ion-select 实现了颜色和图像选择器。

您可以在以下位置阅读简要说明 https://forum.ionicframework.com/t/ionic-select-list-option-with-flag-image/90972/10

git仓库是：https://github.com/ketanyekale/ionic-color-and-image-selector

【讨论】：