AngularJSコントローラ
AngularJS AngularJSデータコントローラ・アプリケーション。
AngularJSコントローラは、通常のJavaScriptオブジェクトです。
AngularJSコントローラ
AngularJSアプリケーションがコントローラです。
NG-コントローラディレクティブは、アプリケーションのコントローラを定義します。
コントローラは、標準のJavaScript オブジェクトのコンストラクタで作成されたJavaScriptオブジェクトです。
AngularJS例
名前：の<input type = "text" NG-モデル= "firstNameの"> <BR>
姓：の<input type = "text" NG-モデル= "lastNameの"> <BR>
<BR>
名前：{{firstNameの+ "" + lastNameの}}
</ DIV>
<スクリプト>
VARアプリ= angular.module（ 'て、myApp'、[]）;
app.controller（ 'myCtrl'、関数（$スコープ）{
$ Scope.firstName = "ジョン"。
$ Scope.lastName = "ドウ";
}）;
</スクリプト>
»をお試しください
アプリケーション分析：
ngのアプリで定義されたアプリケーションをAngularJS。 <div>の内部で実行されるアプリケーション。
NG-コントローラ= "myCtrl"？プロパティがAngularJS命令です。 コントローラを定義するために使用されます。
myCtrl機能は、JavaScriptの関数です。
コントローラを呼び出すために$スコープオブジェクトを使用してAngularJS。
AngularJSでは、$スコープは（アプリケーションに属する変数と関数）のようなアプリケーションです。
（スコープ、制御範囲に相当 ）コントローラの$の範囲は AngularJSモデル（モデル）オブジェクトを保存します。
コントローラの範囲は、2のプロパティ（ 姓と名）を作成しました。
属性コントローラへのngのモデルディレクティブバインド入力フィールド（姓と名）。
コントローラのメソッド
上記の例では、2とコントローラオブジェクトと姓のプロパティを示しています。
また、コントローラは、メソッド（関数や変数）を有していてもよいです。
AngularJS例
名前：の<input type = "text" NG-モデル= "firstNameの"> <BR>
姓：の<input type = "text" NG-モデル= "lastNameの"> <BR>
<BR>
名前：{{のfullName（）}}
</ DIV>
<スクリプト>
VARアプリ= angular.module（ 'て、myApp'、[]）;
app.controller（ 'personCtrl'、関数（$スコープ）{
$ Scope.firstName = "ジョン"。
$ Scope.lastName = "ドウ";
$ Scope.fullName =関数（）{
リターン$ scope.firstName + "" + $ scope.lastName。
}
}）;
</スクリプト>
»をお試しください
外部ファイルコントローラ
大規模なアプリケーションでは、コントローラは、通常、外部ファイルに格納されています。
簡単に言えば、<スクリプト>タグをコピーコードネームpersonController.js外部ファイルを指定できます。
AngularJS例
ファーストネーム：の<input type = "テキスト" NG-モデル= "firstNameの"> <BR>
姓：の<input type = "テキスト" NG-モデル= "lastNameの"> <BR>
<BR>
フルネーム：{{firstNameの+ " " + lastNameの}}
</ DIV>
<スクリプトSRC = "personController.js"> </スクリプト>
»をお試しください
その他の例
次の例では、新しいコントローラファイルを作成します。
$ Scope.names = [
{名：「ヤニ '、国：'ノルウェー '}、
{名： 'HEGE'、国：「スウェーデン '}、
{名：「カイ」、国： 'デンマーク'}
];
}）;
ファイルを保存しますnamesController.js ：
そして、アプリケーションファイル内のコントローラを使用して。
AngularJS例
<UL>
<李NG・リピート= "X名に">
{{X.name + '、' + x.country}}
</李>
</ UL>
</ DIV>
<スクリプトSRC = "namesController.js"> </スクリプト>
»をお試しください