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

Question

我有一个颜色选择器输入，我想将背景颜色设置为加载时输入的值，以及何时更改。如何使用 angularJS 实现这一点？我可以使用 ng 样式在加载时设置它，但当值更改时它不会更新

<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'}"