Angular Material - 滑块和 oninput()
Angular Material - Sliders and oninput()
我正在使用 Angular Material 开发 Web 应用程序。通常，我在使用滑块时使用 <input> 标签。在那里，我可以使用 JavaScript 函数 oninput() 来检查是否有任何 activity。这会将一个数字发送到服务器端脚本。在我的代码中，这会发送一个亮度值（控制一个支持网络的灯光系统）。
<input type="range" id="c1" max="255" oninput="hexToRGB(document.getElementById('color').value);">
对于 Angular Material，不使用 <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() 的替代方法？
使用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>
我正在使用 Angular Material 开发 Web 应用程序。通常，我在使用滑块时使用 <input> 标签。在那里，我可以使用 JavaScript 函数 oninput() 来检查是否有任何 activity。这会将一个数字发送到服务器端脚本。在我的代码中，这会发送一个亮度值（控制一个支持网络的灯光系统）。
<input type="range" id="c1" max="255" oninput="hexToRGB(document.getElementById('color').value);">
对于 Angular Material，不使用 <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() 的替代方法？
使用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>