颜色选择器值不与 aurelia 绑定答案

【问题标题】：Color picker value not binding with aurelia颜色选择器值不与 aurelia 绑定
【发布时间】：2017-06-17 07:07:57
【问题描述】：

我正在尝试在 Aurelia 中使用光谱颜色选择器。我已经像这样在我的项目文件中初始化了光谱颜色选择器

editBoard.js

import "spectrum-colorpicker";
@autoinject()
export class Read {
    board = {
          color:"#FFFFFF"
       };

    attached() {
        $("#colorpicker").spectrum();
    }
}

editBoard.html

<template>
    <require from="spectrum-colorpicker/spectrum.css"></require>
    <input type='text' id="colorpicker" value.two-way="board.color" />
    <div css="color : ${board.color};" style="width:100%; 
    height:100px;"></div>
</template>

当我加载它时，它会好起来的。颜色选择器运行良好，它已经拾取了我通过value.two-way="board.color" 输入的颜色，但问题是当我从颜色选择器更改颜色时，只有输入值被更改，board.color 值没有改变。发生这种情况的任何原因，是否有解决此问题的方法？

【问题讨论】：

标签： javascript jquery color-picker aurelia

【解决方案1】：

我为频谱的自定义元素包装器创建了一个要点：https://gist.github.com/arabsight/cf9c588b60824eddd30f97accc634c17

你可以这样使用它：

<spectrum color.bind="board.color"></spectrum>

您在代码中缺少的是监听选择器的更改事件并更新值。

【讨论】：