Angular 材质 - 滑块和 oninput()

Question

我正在为 Web 应用程序使用 Angular Material。通常，我在使用滑块时使用<input> 标签。在那里，我可以使用 JavaScript 函数 oninput() 检查是否有任何活动。这会将一个数字发送到服务器端脚本。在我的代码中，这会发送一个亮度值（控制支持网络的灯光系统）。

<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() 的替代方法？

Answer 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