颜色选择器值不与aurelia绑定

Question

我正尝试在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值不会更改。为什么会发生这种情况，有没有解决这个问题的方法？

Answer 1

我创建一个自定义元素包装要旨光谱：https://gist.github.com/arabsight/cf9c588b60824eddd30f97accc634c17

，你可以使用它像这样：

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

什么你错过了在你的代码是听的变化情况选取器并更新值。