2013-04-21 15 views
9

私はjQuery MobileとAngular.jsでアプリをやっています。私たちは両方のlibsを使用していくつかの問題を抱えているので、 "仕事"を行うadapterが存在します。Angular.js with jQuery Mobile

私はrouteProviderを使用してページをルーティングしようとしています。しかし、私はまだこれを使ってページをレンダリングできません。

ここでは、もしあなたが私に道を示すのを助けることができれば、大騒ぎです。事前に

http://plnkr.co/edit/DNGiT83csWMmfYnHXOop

ありがとう!

+0

8行目にエラーがあります。これを修正すれば、ページはうまく描画されます。 –

+0

興味深い...私はそれを修正しますが、アダプタをオフラインにすると動作しません。ちょうど雲の中に... –

答えて

14

私は同様の問題に遭遇しましたが、私が学んだことがあなたに役立つかもしれません。これは、角とjqueryが1ページ/セクションから別のページ/セクション(経路指定)に移動する方法の違いになります。

最初に、基本的なのは、HTMLのチャンクをビューに挿入し、次にクリック/アクション/ etcのいずれかで、そのHTMLをビューから削除し、新しいHTMLチャンクを追加することによる角度経路です。本質的にあなたは常に同じページにいます。それはちょうど含まれているhtmlが変化している。対照的に、jqmはすべてのhtmlを同じページにロードし、それらのHTMLチャンクをdivとしてロードすると考えてください。 htmlチャンクを取り除き、それらを(ルーティング経由で)置き換えるのではなく、divをオフにするだけです。

角度の最小限のロード(必要な場合のみ)、またはjqmの派手なトランジションなど、本当に必要な機能を選択することをお勧めします。組み込みの機能すべてのページに大量のデータを含む膨大なアプリケーションがある場合は、jqmをバイパスして角度だけを使用し、角度の新しいアニメーション機能でできることを確認することができます。つまり、CSSやJavaScriptを使用してjqm機能の複製を作成する必要があります。そして、私が見たことから、あなたは近づくことができますが、jqmほどうまく合理化されません。

jqmの組み込み機能が本当に必要な機能の場合は、angleのルーティングを使用してスキップしてください。とにかく、あらゆる種類の合併症を紹介します。 jqmのパターンを使用してページを設定し、データを扱う場所でのみ角度を使用します。

私が見つけたことは、全体的にjqmアプリのように扱い、必要な部分だけを追加することです。結局、HTML行にng-appを追加する必要はありません。必要に応じて1つのdivに追加することができます。 jqmはシステム全体の種類として最も幸せなので、角度はシステム内の部分に限定されていますが、これまでのところ、jqm - 全体と角の部分が両方を最大限に活用する最も簡単な方法であることがわかりました世界。

+0

こんにちはkl02、非常に素晴らしく詳細な答え。私は、上記のlibsを使って新しいプロジェクトを開始しようとしています。私はあなたがそれを提案した方法でやります、それはうまくいくでしょう。その間に、ライブサンプルや小さなプロジェクトを持っていますか? –

+0

申し訳ありませんが、まだオンライン化していません。私は今週の小規模なプランを試して、デモンストレーションします。 – kl02