2016-02-13 23 views
12

Sto cercando di creare una nuova applicazione sulla base delle API unità in tempo reale e vuole farlo con il nuovo angolare quadro lucido . Tuttavia, sono abbastanza bloccato cercando di capire come integrare al meglio le API e le filosofie. Non riesco a trovare qualsiasi esempi che utilizzano entrambi.angolare 2 con Google Drive in tempo reale API

Qual è il modo migliore per far funzionare questi due framework. In particolare, come posso riconciliare le differenze tra l'associazione a due vie di Angular con ngModel e l'associazione dati API Realtime con gapi.drive.realtime.databinding.Binding?

risposta

3

È possibile scaricare il file di dichiarazione (* .d.ts) per l'API Realtime di Google Drive here. Questo fornisce un wrapper TypeScript per l'API. In particolare, definisce un modulo denominato gapi.drive.realtime cui è possibile accedere alle classi in Angular2.

per dire al compilatore per il file di dichiarazione, è necessario aggiungere la seguente riga al file sorgente dattiloscritto:

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

allora avete bisogno di importare le caratteristiche del modulo. Un modo per farlo è con il comando seguente import:

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

Quindi è possibile accedere alle classi del modulo sotto il namespace Drive: Drive.Collaborator, Drive.CollaborativeObject, e così via.

+2

Grazie per la risposta. Ho familiarità con l'utilizzo delle definizioni dei tipi e l'importazione con System.js. Il mio non è un semplice _ 'come usare una libreria ES5 in Typescript?' _ Domanda. La mia domanda riguarda più la riconciliazione delle differenze tra gli approcci, ad esempio con l'associazione dei dati. Sono sicuro di poterlo hackerare per farlo funzionare, ma sono alla ricerca di pensieri, esperienze e schemi su come utilizzare al meglio una libreria con vincoli di utilizzo della collaborazione in un ambiente come Angular 2. – Gary

+0

@MattScarpino abbiamo bisogno di npm installare google drive api? –

+0

@MattScarpino: dove deve essere aggiunto il riferimento? Ho fatto 'npm install 'ma non ero in grado di capire dove il riferimento deve essere aggiunto. – Jilna