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

标签 javascript css angularjs

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

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

和:

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

最佳答案

像这样尝试:

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

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

更新

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

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

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

关于javascript - 如何使用 angularJS 将 css 值与表单输入同步?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21660921/

相关文章:

javascript - 如何对bundle.js文件进行分块?

javascript - 每行的动态单元格计算

html - 我无法让我的 Paypal 下拉菜单在 div 中居中

javascript - 在 Angular 应用程序的弹出窗口中显示网页

javascript - 如何使用 angularjs 动态添加内容

javascript - 文件下载弹出窗口不起作用

c# - 如何从(c#)windows应用程序填充html文本框

html - Flexbox 元素未与 flex-end 对齐

css - 视口(viewport)单位,保持纵横比?

javascript - 有必要在 Angular 指令链接内命名函数吗?