我正在使用Angular Material进行Web应用程序 . 通常,我在使用滑杆时使用 <input>
标签 . 在那里,我可以使用JavaScript函数 oninput()
来检查是否有任何活动 . 这会向服务器端脚本发送一个数字 . 在我的代码中,它发送亮度值(控制启用Web的灯光系统) .
<input type="range" id="c1" max="255" oninput="hexToRGB(document.getElementById('color').value);">
对于Angular材质,不使用 <input>
,而是选择使用 <md-button>
. 如果我尝试使用这种新语法 oninput()
,我得不到任何回复 .
<md-slider flex min="0" max="255" ng-model="color.red" aria-label="red" id="red-slider" oninput="hexToRGB(document.getElementById('color').value);" class='md-primary'></md-slider>
解决这个问题的最佳方法是什么?我应该坚持使用 <input>
滑块吗?有没有使用 oninput()
的替代方案?
1 回答
使用ng-change而不是
oninput
Codepen example