2013-02-25 6 views
31

私は、次のプロジェクトでAngularJSを使用するためのJQueryプログラマーです。 this excellent answerを読んだ後、JQueryを組み込み、使用する代わりに、「Angularで考える」方法を学んだ後、JQuery + Angularを使用するための良いユースケースが存在するのだろうかと思います。私は、角度プログラムに多少の親しみを持たせたいと思っています。 StackOverflowのポストから引用AngularJSとJQueryを使用するための使用例

「一番下の行はこれです:とき溶体、最初は 『』 AngularJSで考える、あなたがコミュニティを聞いて、解決策を考えることができない場合は、そのすべての後の場合次に jQueryのために気軽にアクセスしてください "

いつJQueryに到達する必要がありますか?

答えて

14

私は「何の簡単解決策がないの後、すべてのことを場合* *」あなたの質問の引用符でキーワードが

ていると思う私は良いユースケースは、jQueryの+角度を使用するために存在するのだろうか。

私が取り組んでいるプロジェクトは、私が特に気に入っているモーダルウィンドウにZurb Foundationの「公開」コンポーネントを使用しています。それは私がうまくいっているアプリを褒めてくれます。モーダルウィンドウを備えたAngular UIプロジェクトがありますが、私はこの場合には明らかにすることをお勧めします。

これはJQueryに依存しています。ユーザーの肉体は、これをAngularJSの方法で組み込む方法に関する素晴らしいアイデアで答えましたhere

いくつかの調査の後で、JQueryでもっと簡単にできることがあると判断した場合は、そのコンポーネントをAngularJSの方法で統合してください。

それはとにかく私の持ち味です。

+0

+1 [Bootstrap](http://angular-ui.github.com/bootstrap)プロジェクトに実際に角度UIのモーダルがあります。しかし、すべての場合に適切な解決策はありません。既存のコンポーネントは、しばしばjQueryを使用する正当な理由です - それが比較的簡単でない場合は、なぜホイールを改革するのですか?私はユースケースについて慎重に考えてほしいと提唱しています。あなたが言ったように、私たちがjQueryを使用するときは、それを正しく統合する必要があります。 –

15

AngularJSは、中程度から急な学習曲線を持つ複雑なフレームワークです。 JQueryはフレームワークではなくライブラリです。単一のページアプリケーション、特にCRUDアプリケーションを作成する場合、AngularJSは双方向のデータバインディング、ルーティング(単一ページアプリケーションにとって重要)、その他多くの機能をボックスから提供するので、適切です。

jQueryはjQueryのサブセットを使用していますが、アプリケーションの構築方法については意見が分かれています。これは、動作の仕組みをしっかりと理解する必要があることを意味します。コントローラ、サービス、ディレクティブのDOM

jQueryを単独で使用することもできますが、自分でフレームワーク側を管理する必要があります。

AngularJSの前にjQueryを組み込むと、jQliteの代わりにjQliteが使用され、ファンダメンタルズを把握することができます。したがって、使用法に関する知識を身に付けてください。excellent videos at egghead.ioをご覧ください。 jQueryの

のために到達するときに、あなたが何かに角道を行うことができない場合

あなたはjQueryのために達するあなたは、フレームワークの境界である場合には、これがしばしばあります。

例:

この例は角度がselect要素内の項目を無効にする方法を持っていないです。ここでは、jQueryの変更イベントをリッスンするためにjQueryを使用します。これは、UIからの指示を選択して操作します。 以下の更新を参照してください

たとえば、サードパーティのライブラリを使用している場合は、jQueryを使用してイベントをトリガし、サードパーティのコードまたは他の場所でそれを取得する必要があります。ここではjQueryやpubsubのようなものを見つけることができます。ルーティング機能について

UPDATE

、私は強く代わりにボックスルータのうちの優れたUI-Routerをお勧めします。角度1.4

UPDATE v2の

は今、select要素にオプションを無効にするためのサポートを持っています。

関連する問題