填写这份《一分钟调查》，帮我们（开发组）做得更好！去填写Home
API 参考手册
API > @angular/forms

RangeValueAccessor

The ControlValueAccessor for writing a range value and listening to range input changes. The value accessor is used by the FormControlDirective, FormControlName, and NgModel directives.

NgModules

选择器

属性

属性说明
onChange: (_: any) => { }

The registered callback function called when a change or input event occurs on the input element.

onTouched: () => { }

The registered callback function called when a blur event occurs on the input element.

说明

Using a range input with a reactive form

The following example shows how to use a range input with a reactive form.

const ageControl = new FormControl();
      
      const ageControl = new FormControl();
<input type="range" [formControl]="ageControl">
      
      <input type="range" [formControl]="ageControl">

方法

writeValue()

Sets the "value" property on the input element.

writeValue(value: any): void
      
      writeValue(value: any): void
参数
value any

The checked value

返回值

void

registerOnChange()

Registers a function called when the control value changes.

registerOnChange(fn: (_: number) => void): void
      
      registerOnChange(fn: (_: number) => void): void
参数
fn (_: number) => void

The callback function

返回值

void

registerOnTouched()

Registers a function called when the control is touched.

registerOnTouched(fn: () => void): void
      
      registerOnTouched(fn: () => void): void
参数
fn () => void

The callback function

返回值

void

setDisabledState()

Sets the "disabled" property on the range input element.

setDisabledState(isDisabled: boolean): void
      
      setDisabledState(isDisabled: boolean): void
参数
isDisabled boolean

The disabled value

返回值

void