顏色選擇器值不與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>

代碼中缺少的是監聽選擇器的change事件並更新值。