背景: AngularとJQueryクラスライブラリのコラボレーション
サードパーティライブラリでは、有名なjQueryに言及する必要があります。これは、基本的に国内のWeb開発のための強制ツールです。柔軟なDOM操作により、多くのWeb開発者が停止できません。すでに成熟したjQuery UIライブラリと多数のjQueryプラグインと相まって、ほとんど尽きることのない宝庫です。ただし、AngularJと組み合わせることはできますか?
多くのAngularjs原理主義者はこれについて否定的です。彼らは、AngularJSがWebアプリケーションフレームワークとして使用されているため、他のクラスライブラリからの干渉を回避し、純粋なMVVMモードアプリケーションを作成する必要があると考えています。 jQueryに類似したDOM操作は汚れています。 DOM操作などのすべてのインターフェイス関連操作を指示に配置して、ページがコードなしでディレクティブになるようにします。これはJSFのアイデアと一致します。 MVVM、DSL、コンポーネント化のアイデアは、Webの傾向です。まあ、アイデアは良いです、原理主義者はとても純粋です。しかし、実際には、Angularjsを使用する場合、JQueryなしではできないということです。
私たち全員が知っているように、JQuery Lite。実際にはAngularJSに組み込まれており、AngularJSソースコードの多くの方法は、jQueryメソッドを使用するために直接使用されます。たとえば、角度のイベント結合メカニズム。預言者はすべてそれを使用しているので、なぜそれを使用しないのですか?コンポーネント化のアイデアには何の問題もありませんが、このために手と足を縛る必要はありません。注意すべき唯一のことは、jqueryのコードを使用してAngularjsの構造を破壊しないことです。 (元のリンク:http://www.angularjs.cn/a0fg)
ケース: Angularの公式ブートストラップWebサイトのタイムプラグインをカプセル化する
使用の手順:
ng-model='timepickerTest' ng-time on html fragment of the original bootstrap-datetimepicker
githubのコードのストレージアドレス:https://github.com/cynthiawupore/ui-bootstrap-dateTimepicker
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。