带有Google Drive Realtime API的Angular 2

Question

我希望基于 Drive Realtime API 创建一个新的应用程序，并希望使用闪亮的新 Angular 2 框架来实现。但是，我有点想弄清楚如何最好地整合API和哲学。我找不到使用它们的任何示例。

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

Answer 1

您可以下载Google云端硬盘实时API here的声明文件（* .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，依此类推。