push-notification - TypeScript 和 Chrome 通知

Question

我正在构建 Chrome 应用。该应用程序是使用 TypeScript (Angular2) 编写的。

我想推送通知。这是代码:

import {Injectable} from 'angular2/core';

@Injectable()
export class NotificationService {
    constructor() {
        if(Notification.permission !== 'granted') {
            Notification.requestPermission();
        }
    }
}

当 gulp 构建应用程序时，它说:

src/scripts/stream/notification.service.ts(6) Cannot find name 'Notification'.

我试图将我的类(class)包装在里面:

/* tslint:disable */
... the code
/* tslint:enable */

但这并没有改变任何东西。

有没有办法通过 tslint.json 文件告诉 Typescript 这是一个全局变量？

使用 jshint 会是这样的:

"globals": {
   "Notification": false
}

Answer 1

这里有几个选项:

1. 将以下行添加到文件的顶部。

   声明var Notification: any;

   这将使转译器通过，但不会为您提供 TypeScript 的大部分功能。

2. 下载定义类型(chrome.d.ts)。

   TSD似乎是最受欢迎的定义管理器。
   Typings是另一个有前途的替代方案。