欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在angular中使用window

程序员文章站 2022-03-19 15:09:29
...

一、变量
在angular(TS)中不能直接使用window全局变量,如果直接声明 window.xx是会报错的
把window写成(window as any)

	window.qiang = ‘秃然变强' // 会报错
    (window as any).qiang= ‘秃然变强' // 成功

二、事件
angualr中使用window事件
1.使用HostListener

  @HostListener('window:resize', ['$event'])
  	onResize(e) {
    this.timeline.resize();
  }

2.使用host

@Component({
  selector: 'app-timeline',
  templateUrl: './timeline.component.html',
  styleUrls: ['./timeline.component.scss'],
  host: {
  	'(window:resize)': 'onResize($event)'
  }
})

export class TimelineComponent implements AfterViewInit {
	  onResize(e) {
    this.timeline.resize();
  }
}
相关标签: window