AngularJS ng-controller ディレクティブ

定義と用法

ng-controller ディレクティブは、コントローラーをアプリケーションに追加します。

コントローラー内で、コードを記述し、関数や変数を作成することができます。これらの関数や変数は、オブジェクトの一部として、現在のHTML要素で利用可能になります。AngularJSでは、このオブジェクトはスコープ（scope）と呼ばれます。

例

アプリケーションの変数を処理するコントローラーを追加してください：

<div ng-app="myApp" ng-controller="myCtrl">
全名：{{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

実際に試してみてください

文法

<element ng-controller="expression</element>

すべての HTML 要素がサポートされています。

パラメータ