Javascript Angular是否具有类似于window.addEventListener的功能？

我有一个javascript函数，如下所示

window.addEventListener('message', function(event) {
                document.getElementById('mytoken').value = JSON.parse(event.data);

                var token = JSON.parse(event.data);      

                alert('Received message ' + token.message);
                var mytoken = document.getElementById('mytoken');
                mytoken.value = token.message;
                }, false);

我想在Angular 5中使用这个脚本，当然，我正在尝试为Angular 5找到合适的解决方案。

---

感谢

在Angular中，您可以在某些组件中使用

HostListener

，例如：

@HostListener('window:message', ['$event'])
onMessage(event) {
  ...
}

有关其他选项，请参见：

---

使用HostListener装饰程序

就我个人而言，我更喜欢这样做

    import {HostListener, KeyboardEvent} from '@angular/core';

    @Component({...})
    export class MyComponent {

    @HostListener('document:keyup', ['$event'])
    onKeyUp(ev:KeyboardEvent) {
      // do something meaningful with it
      console.log(`The user just pressed ${ev.key}!`);
     }
    }

---

您可以在角度设置中使用此函数