带有 Google Drive Realtime API 的 Angular 2

Question

我希望创建一个基于 Drive Realtime API 的新应用程序，并希望使用 Shiny 的新 Angular 2 框架来完成它。然而，我有点想弄清楚如何最好地集成 API 和理念。我找不到任何同时使用两者的示例。

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

Answer 1

您可以下载 Google Drive Realtime API 的声明文件 (*.d.ts) here .这为 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 等。