2012-11-21 12 views
10

Ich bin hoffnungsvoll dieses Problem wurde bereits angegangen. Funktioniert PhoneGap mit AngularJS? Gibt es Einschränkungen bei der Verwendung von ihnen zusammen? Vorteile/Pitfals? DankeAngularJS + PhoneGap

+1

Nur um klar zu sein, kann ich entschieden feststellen, dass AngularJS in der Tat arbeitet und gut mit Cordova funktioniert. Durch die Verwendung eines NodeJS-Backends und Socket.IO können Sie die Entwicklungszeit erheblich verkürzen, indem Sie die gleiche Codebasis für Web, Mobile und Desktop (AppJS) bereitstellen. –

Antwort

9

Ja.

Ich habe mehrere Anwendungen mit PhoneGap plus AngularJS gemacht. Es gibt keine Magie.

+0

Vielen Dank! Du hast Recht! Es funktioniert auch mit AppJS (im Grunde PhoneGap für Windows/iOS mit NodeJS als Backend) –

+0

@AndrewRhyne Ich bin neu sowohl Phonegap und angularjs, ich habe [versucht] (http://briantford.com/blog/angular- phonegap.html) diese [tutorials] (http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs) aber keiner schien zu funktionieren (sie arbeiteten an Xcode/ios aber nicht android) .. kann mir jemand auf ein Repo hinweisen, das ein komplettes Projekt von angularjs/phonegap auf Android hat? Danke! – abbood

+0

Können Sie mit Phone Gap 3.3 und AngularJS eine App für Windows Phone 8 entwickeln? Asi ist mein erster Versuch, mobile App zu entwickeln. Ich kann die Ansicht im ng-view-Tag nicht laden –

3

PhoneGap führt Ihre Anwendung nur innerhalb des nativen Gerätebrowsers aus. Wenn AngularJS auf Ihren Zielplattformen unterstützt wird, sollte es mit PhoneGap funktionieren.

+0

Ist phonegap nicht einfach ein Webbrowser für JS/HTML/CSS und das Backend verfügbar? Ich frage mich, ob Angulars benutzerdefinierte HTML-Attribute ein Problem mit PhoneGap verursachen werden –

+1

Das sollte kein Problem sein. Es sei denn natürlich, Sie entwickeln eine App für eine Art von magischen IE8 Handy :) –

3

Ich habe Probleme bekommen angularjs auf Windows Phone 7 mit Phonegap arbeiten. Die einfache steifen funktioniert, aber sobald ich versuche Seite route ...

[Bearbeiten]

Ok hinzuzufügen. Also ich habe das Problem auf Windows Phone 7/8 gefunden.

In der Funktion matchUrl (url, obj) in angular.js (1.0.3) gibt es eine Regex, die fehlschlägt, weil Windows Phone ein ungewöhnliches Präfix oder Namespace oder was auch immer es genannt wird (wahrscheinlich aus Sicherheitsgründen).

Was passiert ist eckig erwartet eine URL wie 'http: //localhost/www/index.html', aber in Windows Phone wird es stattdessen aussehen: 'x-wmapp0: www/index.html' statt.

Ich habe versucht, die Regex zu beheben, aber trotzdem bekomme ich später einen Fehler von XHR.

+0

Angular scheint ein paar Probleme mit IE im Allgemeinen zu haben. Derzeit auf der Suche nach einem Workaround. Will Post wenn ich etwas finde –

+0

Was lustig ist ist, es funktioniert mit IE9. Ich habe es sogar mit dem Internet Explorer Webbrowser in wp7 ausprobiert und es funktioniert (wenn auch mit einigen leichten CSS-Problemen). Es funktioniert nicht mit dem Webbrowser, den Phonegap verwendet. – Arran

+0

Haben Sie es geschafft? – krtek

0

Von Blogs PhoneGap:
http://phonegap.com/blog/2013/07/31/phonegap-30-faq/

Q: PhoneGap gut Spielt mit Angularjs? Oder irgendein anderer Rahmen?

A: Es ist sicher. PhoneGap diktiert nicht, wie eine App mit HTML, CSS und JavaScript erstellt wird. Wir spielen gut mit allen Frameworks und in letzter Zeit werden viele mit Angular geschrieben.

1

Ich arbeite gerade an einem Projekt mit Phonegap und AngularJS. Ich empfehle die folgende Lektüre. Wird Ihnen helfen zu entscheiden, ob es in einer Stunde ist, was Sie wollen.

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

AngularJS lassen Sie die Kraft und die Struktur einer Website haben, aber es ist ein kleiner Fehler hat, ist, dass es ein bisschen langsam ist, sage ich aus Erfahrung, und es kommt vor, dass manchmal die Modelle eine Weile dauern, abkühlen.

Ebenso empfehle ich, dass Sie sich Yeomen ansehen, ich arbeite gerade an einem Generator angularJS phonegap und hoffe, es für dieses Wochenende zu haben.

Grüße

@gartox

+0

Dieses Tutorial ist so veraltet. Verschwendete meine zeit. –

2

Ich habe festgestellt, dass die t ford Artikel brian (die jeder verweist) erklärt nicht wirklich, wie die Konfigurationsdatei aufgenommen wird (die den Zeiger auf den Index enthält .html-Datei und einige andere Assets), die es als etwas veraltet markiert. Es wäre schön, ein gutes Update zu bekommen.

0

Ja. http://ionicframework.com ist ein Framework, das Cordova und AngularJS integriert.Es wird Ihnen viel Zeit sparen, wenn Sie versuchen, alles einzurichten.

den Rahmen zu installieren:

npm install -g cordova ionic 

neue leer zu erstellen:

die verfügbaren Optionen Alle
ionic start myApp blank 

in phonegap sind in Ionic ebenfalls erhältlich. Zum Beispiel könnten Sie

ionic serve 

Und Ihre Handy-App im Browser öffnet rechts ein, und die automatische Aktualisierung, wenn neue Änderungen an den Dateien vorgenommen werden, wie in Phonegap.