2012-11-21 15 views
10

Spero che questo problema sia già stato affrontato. PhoneGap funziona con AngularJS? Ci sono dei limiti per usarli insieme? Benefici/pitfals? GrazieAngularJS + PhoneGap

+1

Giusto per essere chiari, posso affermare che AngularJS effettivamente funziona e funziona bene con Cordova. Utilizzando un backend NodeJS e Socket.IO, è possibile ridurre significativamente i tempi di sviluppo implementando la stessa base di codice su web, mobile e desktop (AppJS). –

risposta

9

Sì.

Ho realizzato più applicazioni con PhoneGap plus AngularJS. Non c'è magia in esso.

+0

Grazie! Hai ragione! Funziona anche con AppJS (fondamentalmente phonegap per Windows/iOS che utilizza NodeJS come backend) –

+0

@AndrewRhyne Sono nuovo sia per PhoneGap che per Angularjs, ho provato [http://briantford.com/blog/angular- phonegap.html) questi [tutorial] (http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs) ma nessuno sembrava funzionare (hanno lavorato su Xcode/ios ma non su Android) .. qualcuno può indicarmi un repository che ha un progetto completo di angularjs/phonegap su Android? grazie! – abbood

+0

Sei in grado di sviluppare app per Windows Phone 8 con Phone Gap 3.3 e AngularJS. Asi è il mio primo tentativo di sviluppare un'app mobile. Non riesco a caricare la visualizzazione nel tag ng-view –

3

PhoneGap esegue semplicemente l'applicazione nel browser del dispositivo nativo, quindi se AngularJS è supportato sulle piattaforme di destinazione, dovrebbe funzionare con PhoneGap.

+0

Non funziona correttamente come browser Web per JS/HTML/CSS ed esporre il back-end? Mi chiedo se gli attributi HTML personalizzati di Angular causeranno un problema con PhoneGap –

+1

Questo non dovrebbe essere un problema. A meno che, naturalmente, non stia sviluppando un'app per qualche tipo di telefono cellulare magico IE8 :) –

3

Ho problemi a far funzionare angularjs su Windows Phone 7 con PhoneGap. Le semplici opere rigide, ma non appena provo ad aggiungere percorso pagina ...

[modifica]

OK. Quindi ho trovato il problema su Windows Phone 7/8.

nella funzione matchUrl (url, obj) in angular.js (1.0.3) esiste un'espressione regolare che non riesce perché Windows Phone utilizza un prefisso o uno spazio dei nomi insolito o qualunque sia il nome (probabilmente per motivi di sicurezza).

Quello che succede è che l'angolare si aspetta un url come 'http: //localhost/www/index.html', ma in windows phone sarà come: 'x-wmapp0: www/index.html' invece.

Ho provato a risolvere il regex, ma anche così ricevo un errore più tardi da XHR.

+0

Angular sembra avere alcuni problemi con IE in generale. Attualmente alla ricerca di un work-around. Pubblicherò quando trovo qualcosa –

+0

Ciò che è divertente è che funziona con IE9. L'ho provato anche con il browser internet explorer in wp7 e funziona (anche se con qualche leggero problema css). Non funziona con qualsiasi browser Web utilizzato da PhoneGap. – Arran

+0

Hai funzionato? – krtek

0

dal blog di PhoneGap:
http://phonegap.com/blog/2013/07/31/phonegap-30-faq/

D: PhoneGap giocare bene con angular.js? O qualsiasi altro quadro?

A: Lo fa sicuramente. PhoneGap non stabilisce come un'app venga creata con HTML, CSS e JavaScript. Giochiamo bene con tutti i framework e, recentemente, molti sono stati creati oggi con Angular.

1

Attualmente sto lavorando a un progetto con PhoneGap e AngularJS. Raccomando la seguente lettura. Ti aiuterà a decidere se è quello che vuoi in un'ora.

http://briantford.com/blog/angular-phonegap.html

AngularJs ti consente di avere la potenza e la struttura di un sito web, ma che ha è un piccolo difetto che è un po 'lento, lo dico per esperienza e capita che a volte i modelli prendono un po' per rinfrescarsi.

Allo stesso modo, ti consiglio di dare un'occhiata a Yeomen, al momento sto lavorando su un generatore angolareJS PhoneGap e spero di averlo per questo fine settimana.

riguarda

@gartox

+0

Quel tutorial è così obsoleto. Ho perso il mio tempo. –

2

ho trovato che l'articolo t guado Brian (che fa riferimento a tutti) in realtà non spiega come il file di configurazione viene prelevato (che include il puntatore all'indice .html file e molte altre risorse) che lo contraddistingue come un po 'obsoleto. Sarebbe bello avere un buon aggiornamento su di esso.

0

Sì. http://ionicframework.com è una struttura che integra Cordova e AngularJS.Ti farà risparmiare un sacco di tempo cercando di ottenere tutto pronto.

Per installare il quadro:

npm install -g cordova ionic 

di creare nuovi vuota:

ionic start myApp blank 

Tutte le opzioni disponibili in PhoneGap sono disponibili anche in ionico. Ad esempio, è possibile digitare

ionic serve 

E la tua app mobile si aprirà a destra nel browser, e di aggiornamento automatico ogni volta che vengono fatte nuove modifiche ai file, proprio come in PhoneGap.