2012-11-21 7 views
10

この問題は既に解決されていると思います。 PhoneGapはAngularJSと連携しますか?それらを一緒に使用することには何らかの制限がありますか?メリット/落とし穴?ありがとうAngularJS + PhoneGap

+1

AngularJSが実際に働いていて、Cordovaとうまく機能していると私は明確に述べることができます。 NodeJSバックエンドとSocket.IOを使用することで、Web、モバイル、およびデスクトップ(AppJS)に同じコードベースを展開することで、開発時間を大幅に短縮できます。 –

答えて

9

はい。

私はPhoneGap plus AngularJSで複数のアプリケーションを作成しました。それに魔法はありません。

+0

ありがとう!あなたは正しいです!また、AppJS(バックエンドとしてNodeJSを使用しているWindows/iOSのphonegap)でも動作します –

+0

@AndrewRhyne私はphonegapとangularjsの両方に新しいです、私は[試した](http://briantford.com/blog/angular- phonegap.html)これらの[チュートリアル](http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs)でも動作していないようでした(Xcode/iosでは動作しましたが、アンドロイドでは動作しませんでした) )..誰もがアンドロイドのanglejs/phonegapの完全なプロジェクトを持っているレポに私を向けることができますか?どうも! – abbood

+0

Phone Gap 3.3とAngularJSを使用してWindows Phone 8用のアプリを開発できますか? Asiは、私の最初のモバイルアプリケーション開発の試みです。 amg-viewタグでビューを読み込むことができません –

3

PhoneGapは、ネイティブデバイスブラウザ内でアプリケーションを実行するだけです。そのため、AngularJSがターゲットプラットフォームでサポートされている場合、PhoneGapで動作するはずです。

+0

phonegapはあなたのJS/HTML/CSS用のWebブラウザとして機能し、バックエンドを公開しませんか?私はAngularのカスタムHTML属性がPhoneGapで問題を引き起こすかどうか疑問に思っています –

+1

これは問題ではありません。もちろん、IE8携帯電話のような魔法のアプリを開発しているのでなければ:) –

3

Windows7のphone7でanglejsを動作させるのに問題があります。シンプルな硬い作品、しかし、すぐに私はページのルートを追加しようとして...

[編集]

[OK]をクリックします。だから私は窓の電話7/8で問題を発見した。

angle.js(1.0.3)のmatchUrl(url、obj)関数にWindows Phoneが異常な接頭辞や名前空間などを使用するため、正規表現が存在します。

角度は 'http://localhost/www/index.html'のようなURLを期待していますが、Windowsの電話では 'x-wmapp0:www/index.html'のようになります。

正規表現を修正しようとしましたが、後でXHRからエラーが発生します。

+0

角度は一般的にIEにいくつかの問題があるようです。現在、回避策を探しています。私が何かを見つけると投稿する –

+0

面白いのはIE9で動作するということです。私はwp7でインターネットエクスプローラのWebブラウザで試してみましたが、(少しのCSSの問題ではありますが)動作します。それは、どのようなWebブラウザphonegapが使用しても動作しません。 – Arran

+0

あなたはそれを管理しましたか? – krtek

0

のPhoneGapのブログから:
http://phonegap.com/blog/2013/07/31/phonegap-30-faq/

Q:PhoneGapのはangular.jsとよく遊ぶのか?それとも他のフレームワークですか?

A:確かです。 PhoneGapは、HTML、CSS、およびJavaScriptでアプリケーションの作成方法を指定しません。私たちはすべてのフレームワークでうまくやっています。そして、最近、Angularで今日は多くの人が執筆されています。

1

私は現在PhonegapとAngularJSのプロジェクトに取り組んでいます。私は次の読書をお勧めします。あなたが1時間で望むものかどうかを判断するのに役立ちます。

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

AngularJsは、あなたがウェブサイトのパワーと構造を持つようになるが、小さな欠陥は、それが少し遅いことである持っている、私は経験からこれを言うと、時々モデルはしばらく時間がかかることが起こります冷やす。

同様に、Yeomenを見てみることをお勧めします。私は現在、ジェネレータのangularJS phonegapに取り組んでいます。

よろしく

@gartox

+0

そのチュートリアルは時代遅れです。私の時間を無駄にした。 –

2

は、私は(誰もが参照する)ブライアントンの浅瀬の記事が実際に設定ファイルがインデックスへのポインタを含んでいる(ピックアップされ、どのように説明していないことがわかってきました.htmlファイルと他のいくつかのアセット)があります。それについて良い更新を得ることは素晴らしいことでしょう。

0

はい。 http://ionicframework.comは、CordovaとAngularJSを統合したフレームワークです。すべての設定をしようとすると、時間を節約できます。新しい空を作成するには

npm install -g cordova ionic 

:フレームワークをインストールするに

ionic start myApp blank 

のPhoneGapで利用可能なすべてのオプションは、イオン性でも利用できます。たとえば、

ionic serve 

を入力することができそして、あなたのモバイルアプリはブラウザ内で右開き、新しい変更がちょうどのPhoneGapのように、ファイルに行われるたびに自動更新。