typescript의 keyup 이벤트 유형

3104 단어 AngularRxJSTypeScript

이 기사 개요



keyup 이벤트를 선택하고 event.target.value를 지정하면,
정적 해석 에러가 되어, 형을 지정하면 해결했으므로 그 비망록

버전


  • angular:8.0.0
  • typescript:3.4.5
  • eslint:6.8.0

  • 템플릿



    sample.component.html
    <input #hogeInput>
    

    아무것도 지정하지 않으면



    sample.component.ts
    @ViewChild('hogeInput', { static: true })
    input: ElementRef;
    
    hugaFn() {
        const obs$ = fromEvent(this.input.nativeElement, 'keyup')
            .pipe(
                map(event => event.target.value));
    }
    

    → "속성 'target'은 'unknown'형식에 존재하지 않습니다."

    이벤트의 유형을 지정해 보았습니다.



    sample.component.ts
    map((event: KeyboardEvent) => event.target.value)
    

    → "속성 'value'는 'EventTarget' 유형에 존재하지 않습니다."

    event.target의 유형을 지정해 보았습니다.



    sample.component.ts
    map((event: KeyboardEvent) => (event.target as HTMLInputElement).value)
    

    해결

    좋은 웹페이지 즐겨찾기