1

カラーピッカーを使ったエディタを作りたいです。

これは単純化されたサンプルです。 http://jsfiddle.net/xcUev/8/

色を角度スコープオブジェクトの属性として扱っています。カラーピッカーで選べるようにしました

 http://www.html5.jp/library/cpick.html

しかし、色を選択した後は、スコープとして影響しません。

この入力状態のスコープに意図的に影響を与える方法など、機能させるためのアイデアはありますか。

私を助けてください...

4

1 に答える 1

2

イベントをbind() しようとしchangeましたが、起動しませんでした (おそらく、カラー ピッカーがイベントの伝達を停止したためです)。次に、イベントを bind() しようとfocusしましたが、うまくいくようです (テキストボックスがフォーカスを失ったことに気付き、キャンバスが隠れているときに再び元に戻りました)。

HTML:

<input type="text" ng-model="data.color" class="html5jp-cpick" cpick>

指令：

app.directive('cpick', function() {
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {
            element.bind('focus', function() {
                ngModelCtrl.$setViewValue(element.val());
                scope.$apply();
            });
        }
    }
})

フィドル

于 2013-03-28T02:47:00.837 に答える