角度 2 中的“{}”类型似乎不存在“目标”和“长度”属性？答案

【问题标题】：The properties "target" and "length" doesn't seem to exist on type "{}" in angular 2?角度 2 中的“{}”类型似乎不存在“目标”和“长度”属性？
【发布时间】：2017-01-25 13:56:08
【问题描述】：

角度 2 中的类型“{}”似乎不存在属性“目标”和“长度”？

代码如下：

【问题讨论】：

标签： node.js angular

【解决方案1】：

有两种方法可以做到这一点。

1) 没有强类型

var keyups = Observable.fromEvent(document, 'keyup')
  .map((e: any) => e.target.value) // or (<any>e).target.value
  .debounceTime(200)
  .filter(text => text && text.length >= 3)

  keyups.subscribe(data => console.log(data));

2) 强类型

var keyups = Observable.fromEvent(document, 'keyup')
  .map((e: KeyboardEvent) => (<HTMLInputElement>event.target).value)
  .debounceTime(200)
  .filter(text => text && text.length >= 3)

  keyups.subscribe(data => console.log(data));

而且我认为导入整个 rxjs 库是多余的，所以它可能是这样的：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/filter';

一个注释：rxjs/O可在第一行观察

另见直播Plunker

【讨论】：