AngularJSng-controllerディレクティブ
例
アプリケーション変数を処理するコントローラーを追加します。
<div ng-app="myApp" ng-controller="myCtrl">
Full Name: {{firstName +
" " + lastName}}
</div>
<script>
var app =
angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
定義と使用法
ng-controllerディレクティブは、アプリケーションにコントローラーを追加します。
コントローラでは、コードを記述し、オブジェクトの一部となる関数と変数を現在のHTML要素内で使用できるようにすることができます。AngularJSでは、このオブジェクトはスコープと呼ばれます。
構文
<element ng-controller="expression"></element>
すべてのHTML要素でサポートされています。
パラメータ値
| Value | Description |
|---|---|
| expression | The name of the controller. |