typescript의 keyup 이벤트 유형
3104 단어 AngularRxJSTypeScript
이 기사 개요
keyup 이벤트를 선택하고 event.target.value를 지정하면,
정적 해석 에러가 되어, 형을 지정하면 해결했으므로 그 비망록
버전
템플릿
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)
해결
Reference
이 문제에 관하여(typescript의 keyup 이벤트 유형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/pg_yamaton/items/2075bfedeb759022e37a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)