最新のWeb開発のチュートリアル
 

AngularJS NG-コントローラの指令


あなたのアプリケーション変数を処理するためにコントローラを追加します。

<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.