HTML5 type="range" this.value 返回 undefined

Question

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

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)">