javascript - 如何让我的脚本在 AngularJS 中的文本框输入更改上执行?

标签 javascript jquery html angularjs

我正在使用 Farbtastic 颜色选择器来更改 HTML 输入文本框中的值。我对其进行了编程,以便当文本框中的十六进制值更改时,它应该执行一个 JavaScript 函数,将十六进制值转换为 RGB 并将其发送到更改 LED 灯颜色的设备。我已经使用按钮执行脚本成功地对此进行了测试,因此我相当确定该函数不是问题

以下是相关的 HTML 代码:

<div id="colorpicker"></div>
        <md-input>
            <md-input-container>
                <label>Color</label>
                <input type="text" id="color" name="color" value="#123456" ng-model="color" ng-change="return hexToRGB(document.getElementById('color').value);"/>
            </md-input-container>
        </md-input>

ng-change 似乎是问题的根源。这里有什么我需要改变的吗?或者还有其他需要修复的地方吗?

最佳答案

删除 return 关键字。

更改:

ng-change="return hexToRGB(document.getElementById('color').value);"

致:

ng-change="hexToRGB(document.getElementById('color').value);"

关于javascript - 如何让我的脚本在 AngularJS 中的文本框输入更改上执行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35275633/

相关文章:

c# - 如何应用css input last-child?

javascript - 使用 jquery 忽略 html 标签中的数字

jQuery 高度动画导致背景颜色被忽略

javascript - Jquery:使用 setInterval 进行计数

javascript - 为什么不同操作系统上的decodeAudioData()结果不同

javascript - 可以在移动 safari 中使用 javascript 关闭自动大写吗?

javascript - js文件中的WordPress图片路径

javascript - LocalStorage 将属性 'innerHTML' 设置为 null。尝试使用 window.onload 解决方案

javascript - 如何加载/构建 Chrome 应用程序/扩展程序并以编程方式运行

php - 获取带空格的变量