带有Google Drive Realtime API的Angular 2

Question

我正在寻找基于Drive Realtime API的新应用程序,并希望使用闪亮的新Angular 2框架来实现.但是,我有点想弄清楚如何最好地整合API和哲学.我找不到任何使用两者的例子.

让这两个框架协同工作的最佳方法是什么.特别是,如何协调Angular与ngModel的双向绑定和与gapi.drive.realtime.databinding.Binding的Realtime API数据绑定之间的差异？

Answer 1

您可以在此处下载 Google Drive Realtime API 的声明文件 (*.d.ts) 。这为 API 提供了 TypeScript 包装器。具体来说，它定义了一个名为 的模块gapi.drive.realtime，其类可以在 Angular2 中访问。

要告诉编译器有关声明文件的信息，您需要将以下行添加到 TypeScript 源文件中：

///<reference path="google-drive-realtime-api.d.ts" />

然后您需要导入模块的功能。一种方法是使用以下import命令：

import * as Drive from "gapi.drive.realtime";

然后您可以访问命名空间下的模块类Drive：Drive.Collaborator、Drive.CollaborativeObject等。