angular - 查看输入范围值随 Angular 2 的变化

Question

是的，这将是一个菜鸟问题，因为我在 Angular 2 中完全是菜鸟。

我正在尝试将一个范围的值传递给我的组件，我已经弄清楚了方法。但是现在，我认为在更改期间而不是在进行更改时看到值(value)会很高兴。我希望您能理解我要解释的内容。

在 app.component.html 中

<form action="#">
    <input type="text" placeholder="Time"><br>
    ram: {{ selectedRam }}
    <input #ramSelector name="ram" type="range" min="0" max="{{ ramMaxValue }}" (change)="setRam(ramSelector.value)" value="0">
</form>

在 app.component.ts 中

setRam(value){
    this.selectedRam = value;
    console.log(this.selectedRam);
}

我发现有这个“oninput”方法，但没有用。

提前致谢!

Answer 1

使用 input 似乎对我有用

<input type="range" min="0" max="100" #ranger (input)="yourMethod(ranger.value)">