2016-02-13 15 views
12

Ich bin auf der Suche nach einer neuen Anwendung basierend auf der Drive Realtime API und möchte es mit dem glänzenden neuen Angular 2 Framework zu tun. Ich stehe jedoch irgendwie fest, um herauszufinden, wie ich die APIs und Philosophien am besten integrieren kann. Ich kann keine Beispiele finden, die beide verwenden.Angular 2 mit Google Drive Realtime-API

Was ist der beste Weg, diese beiden Frameworks zusammen zu arbeiten. Wie kann ich insbesondere die Unterschiede zwischen der Zwei-Wege-Bindung von Angular mit ngModel und der Realtime-APIs-Datenbindung mit gapi.drive.realtime.databinding.Binding abgleichen?

Antwort

3

Sie können die Deklarationsdatei (* .d.ts) für die Google Drive Realtime API here herunterladen. Dies bietet einen TypeScript-Wrapper für die API. Insbesondere definiert es ein Modul mit dem Namen gapi.drive.realtime, auf dessen Klassen in Angular2 zugegriffen werden kann.

den Compiler über die Deklarationsdatei sagen, müssen Sie die folgende Zeile in Typoskript Quelldatei hinzuzufügen:

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

Dann die Funktionen des Moduls importieren müssen. Eine Möglichkeit, dies zu tun, ist mit dem folgenden Befehl import:

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

Dann können Sie die Klassen des Moduls Zugriff unter dem Drive Namespace: Drive.Collaborator, Drive.CollaborativeObject, und so weiter.

+2

Danke für die Antwort. Ich bin vertraut mit Typdefinitionen und importieren mit System.js. Meine Frage ist nicht einfach, wie man eine ES5-Bibliothek in Typescript verwendet? Meine Frage ist mehr, die Unterschiede zwischen den Ansätzen in Einklang zu bringen, etwa mit der Datenbindung. Ich bin mir sicher, dass ich es hacken konnte, um es zum Laufen zu bringen, aber ich suche nach Gedanken, Erfahrungen und Mustern, wie man eine Bibliothek mit Kollaborationsnutzungsbeschränkungen in einer Umgebung wie Angular 2 optimal nutzt. – Gary

+0

@MattScarpino müssen wir Google Drive installieren api? –

+0

@MattScarpino: Wo sollte die Referenz hinzugefügt werden? Ich habe 'npm install 'installiert, konnte aber nicht nachvollziehen, wo die Referenz hinzugefügt werden muss. – Jilna