javascript - 如何使用 angularJS 将 css 值与表单输入同步？

Question

我有一个颜色选择器输入，我想将背景颜色设置为加载时输入的值，以及每当它发生变化时。我怎样才能用 angularJS 实现这个？我可以使用 ng-style 将它设置为加载，但它不会在值更改时更新

<input type="text" ng-style="setColour(colour)" class="pickerInput" ng-model="colour" />

和:

$scope.setColour = function (colour) {
    return { 'background-color': colour }
};

Answer 1

像这样尝试:

$scope.setColour = function () {
    return { background-color: +"'"+ $scope.colour+"'" }
};

抱歉，自己测试有点棘手。

更新

由于引用的语法，我更改了回复

http://docs.angularjs.org/api/ng.directive:ngStyle

ng-click="myStyle={color:'red'}"