HTML5 类型="range" this.value returns 未定义

Question

我正在尝试进行范围输入，但是当我尝试将其传递给我的函数时，它 returns 未定义：

HTML:

<div class="slidecontainer">
    <label>Setpoint</label>
    <p>{{channel.setPoint}}</p>
    <div>
         <p>5</p>
         <p>30</p>
    </div>
    <input type="range" min="5" max="30" value="50"  step="0.5" class="slider"
        [(ngModel)]="channel.setPoint" (onchange)= "putSetpoint(channel, this.value)">
    <br>
</div>

TS 文件：

putSetpoint(cb: Channel, value: number) {
    console.log(value);
    cb.setpoint = value;
    this.homedata.setpointChannel(cb);
}

Answer 1

this.value 没有引用任何东西，你必须告诉 Angular 你指的是 input 的值：

 <input #inputRange type="range" min="5" max="30" value="50"  step="0.5" class="slider"
        [(ngModel)]="channel.setPoint" (onchange)= "putSetpoint(channel, inputRange.value)">

HTML5 类型="range" this.value returns 未定义

HTML5 type="range" this.value returns undefined

html

angular

typescript

rangeslider