首页 文章

角度材料 - 滑块和输入()

提问于
浏览
0

我正在使用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 回答

  • 1

    使用ng-change而不是 oninput

    <md-slider flex min="0" max="255" ng-model="color.red" ng-change="modelChanched()" aria-label="red" id="red-slider" class='md-primary'></md-slider>
    

    Codepen example

相关问题