Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angularJS将css值与表单输入同步?_Javascript_Css_Angularjs - Fatal编程技术网

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

Javascript 如何使用angularJS将css值与表单输入同步?,javascript,css,angularjs,Javascript,Css,Angularjs,我有一个颜色选择器输入,我想将背景颜色设置为加载时输入的值,无论何时更改。如何使用angularJS实现这一点?我可以使用ng样式在加载时设置它,但当值更改时它不会更新 <input type="text" ng-style="setColour(colour)" class="pickerInput" ng-model="colour" /> 试试看: $scope.setColour = function () { return { background-color:

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

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

$scope.setColour = function () {
    return { background-color: +"'"+ $scope.colour+"'" }
};
对不起,我自己测试有点棘手

更新

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


我认为这不起作用,因为ng样式只在开始时进行评估,而不是刷新。我很幸运地只使用了style=background color:{{color}};。有任何理由不这样做吗?在控制器中使用console.logcolor,它应该是我的代码未定义的,如果您使用您的代码,则不更新imo中的模型,总之,最好设置一个工作的plunker或类似的东西
$scope.setColour = function () {
    return { background-color: +"'"+ $scope.colour+"'" }
};
ng-click="myStyle={color:'red'}"