1

我想使用颜色选择器制作一个编辑器。

这是一个简化的示例。 http://jsfiddle.net/xcUev/8/

我将颜色视为角度范围对象的属性。我使用颜色选择器使它可以选择

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

但是选择颜色后，它不会影响范围。

你有什么想法让它工作，比如如何影响有意地影响这个输入状态的范围。

请帮我...

4

1 回答 1

2

我尝试绑定（）一个change事件，但它从未触发（可能是因为颜色选择器停止了事件的传播）。所以我接下来尝试绑定（）一个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 回答