如何使用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'}"