AngularJSアプリケーション
次に、実際のAngularJSシングルページWebアプリケーション（SPA）を作成する時が来ました。
AngularJSアプリケーションの例
Angularjsについて十分に学びましたが、最初のAngularJSアプリケーションの作成を開始できます。
残りの単語数： 100
アプリケーションの説明
AngularJSインスタンス
<！doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> ng-controller = "mynotectrl"> <h2> my notes </h2> <textarea ng-model = "message" cols = "40" rows = "10"> </textarea> <p> <button ng-click = "save（）"> save </button> <button ng-click = " ng-bind = "left（）"> </span> </p> <script src = "mynoteapp.js"> </script> <script src = "mynotectrl.js"> </script> </body> </html>
実行結果：
残りの単語数：100
アプリケーションファイル "mynoteapp.js"：
var app = angular.module（ "mynoteapp"、[]）;
コントローラーファイル "mynotectrl.js"：
App.Controller（ "mynotectrl"、function（$ scope）{$ scope.message = ""; $ scope.left = function（）{return 100- $ scope.message.length;}; $ scope.clear = function（）{$ scope.message = "";};保存 "）;};}）;<html>要素は、angularjsアプリケーション用のコンテナです：ng-app = "mynoteapp"：
<html ng-app = "mynoteapp">
<div>は、HTMLページのコントローラーの範囲です。
<div ng-controller = "mynotectrl">
ng-modelディレクティブは、<textarea>をコントローラー変数メッセージにバインドします。
<textarea ng-model = "message" cols = "40" rows = "10"> </textarea>
2つのngクリックイベントは、コントローラー機能をclear（）とsave（）と呼びます。
<button ng-click = "save（）"> save </button> <button ng-click = "clear（）"> clear </button>
ng-bindディレクティブは、コントローラー関数の左（）を<span>にバインドして、残りの文字を表示します。
残りの文字の数：<span ng-bind = "left（）"> </span>
AngularJSを実行した後、アプリケーションライブラリファイルをロードする必要があります。
<Script src = "mynoteapp.js"> </script> <script src = "mynotectrl.js"> </script>
AngularJSアプリケーションアーキテクチャ
上記の例は、完全なAngularJSシングルページWebアプリケーション（SPA）です。
<html>要素には、Angularjsアプリケーション（ng-app =）が含まれています。
<div>要素は、Angularjsコントローラー（Ng-Controller =）の範囲を定義します。
1つのアプリケーションでは、多くのコントローラーで構成できます。
アプリケーションファイル（my ... app.js）は、アプリケーションモデルコードを定義します。
1つ以上のコントローラーファイル（私の... ctrl.js）がコントローラーコードを定義します。
要約 - それはどのように機能しますか？
NG-APP指令は、アプリケーションのルート要素の下にあります。
シングルページWebアプリケーション（SPA）の場合、アプリケーションのルートは通常<HTML>要素です。
1つ以上のNG-Controllerディレクティブは、アプリケーションのコントローラーを定義します。各コントローラーには、独自のスコープ::定義されたHTML要素があります。
AngularJSは、HTML DomContentLoadedイベントで自動的に起動します。 NG-APP指令が見つかった場合、AngularJSは指令にモジュールをロードし、アプリケーションのルートとしてNG-APPをコンパイルします。
アプリケーションのルートは、ページ全体、またはページのごく一部である可能性があり、それがごく一部である場合、それはより速くコンパイルされて実行されます。
上記は、Angularjsの単純なアプリケーションの詳細な説明です。 Angularjsプログラミングに役立つことを願っています。