6月、GoogleはAngularJS 1.0 Stableバージョンをリリースしました。
Angularjsを使用すると、HTML構文をアプリケーションのコンポーネントを明確かつ簡潔に表すように拡張でき、標準のHTMLをテンプレート言語として許可します。 AngularJは、双方向データバインディングを介して、JavaScriptオブジェクト(モデル)を使用してUI(表示)からデータを自動的に同期できます。
4月に新しいプロジェクトチームに来たとき、私はAngularjsに連絡し始めました。現時点では、AngularJSはまだ0.8の不安定なバージョンであり、プロジェクトで使用され始めています。このフレームワークは、プロジェクトのUIエンド全体に適用され、サーバーエンドは不安定なWeb APIでもあります。私はチームの新しいテクノロジーに対する勇気と熱意を本当に賞賛しています。幸いなことに、誰もがそれをうまくコントロールできます。不安定なテクノロジーでいっぱいのプロジェクトを試したのはこれが初めてです。
トピックに戻って、公式の例を見てみましょう。
<!Doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> 'world'}}!</body> </html>
デモ:
あなたの名前:
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -
「こんにちは世界」
注:入力ボックスに文字を入力すると、すぐに更新にバインドされます。
1.ここで、NG-Model Directive(ディレクティブ)バインディングは、モデルスコープ属性YourNameです。
2。そして、式を使用して、YourNameをテキスト情報にバインドします。
3. AngularJSが組み込まれているため、ここでは任意のDOM時間のリスニングが必要です。
AngularJSプログラムは、テンプレート、プレゼンテーションレイヤーロジック、およびデータ(モデル)の3つの部分に分割されます。
テンプレート:HTMLとCSSを使用して、AngularJSの命令と表現を含むUIビューコードを書き込み、最終的にはAngularJSコンパイルメカニズムによってコンパイルされ、DOMツリーに付着します。 Angularjsの指令は、私たちによって自由に拡張できます。
プレゼンテーションレイヤーロジック:アプリケーションロジックと動作を含む。 JavaScript定義をビューコントローラーロジックとして使用します。 AngularJSのMVCフレームワークとして、すでにAngularJSで構築されているコントローラーにDOMレベルのイベントリスニングを追加する必要はありません。 UIノードDOMイベントが発生した後、AngularJSはスコープ上の特定の動作(アクション)ロジックに自動的に移動します。
データ:ViewObjectは、AngularJSスコープ(1.0のサービスとして表示される)で参照する必要があります。さらに、AngularJSはモデルを非同期的に自動的に更新します。つまり、UIが変更されるとモデル(モード)を自動的に更新し、それどころか、モデルが変更されるとUIが自動的に更新されます。ここでは、ゲッターやセッターなどの列メソッドを定義する必要はありません。
公式の見方は次のとおりです。
同時に、AngularJSはコラムに便利なサービスを提供し、私たち自身の特定のビジネスにサービスを追加することができ、基礎となるAJAX、キャッシュ、URLルーティング、ブラウザの抽象サービスを提供し、これらのサービスの任意の組み合わせをAngularJS注入メカニズムに使用できます。同時に、AngularJSは高度にテスト可能なJavaScriptフレームワークでもあります。公式の例では、それらにテストプログラムがあり、BDD(行動主導の)開発フレームワークを提供することがわかります。
上記は、編集者が紹介したAngularJS JavaScript MVCフレームワークです。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!