angualr4中使用event.clientX

来源：互联网发布：中国远程网络教育网编辑：程序博客网时间：2024/06/03 17:23

使用如下代码遇到错误

        Observable.fromEvent(this.button.nativeElement, 'click')            .throttleTime(1000)            .map(event => event.clientX)            .scan((count: number) => count + 1, 0)            .subscribe(count => console.log(`Clicked ${count} times`));

严重性代码说明项目文件行禁止显示状态错误TS2339(TS) 类型“{}”上不存在属性“clientX”。WebApplication (tsconfig 项目)C:\Users\Rootkit\Source\repos\WebApplication2\WebApplication2\ClientApp\app\components\counter\counter.component.ts20活动的

因为angular4是基于typeScript开发的，而TypeScript是强类型的语言。

所以上面的代码在angular4中，要更改为

        Observable.fromEvent(this.button.nativeElement, 'click')            .throttleTime(1000)            .map((event:MouseEvent) => event.clientX)            .scan((count:number) => count + 1, 0)            .subscribe(count => console.log(`Clicked ${count} times`));

阅读全文

0 0