AngularJS ng-app 指令

AngularJS リファレンスマニュアル

定義と使用方法

ng-app 指令はAngularJSアプリケーションのルート要素であることをAngularJSに伝えます。

すべてのAngularJSアプリケーションにはルート要素が必要です。

HTMLドキュメントには一つしか ng-app 複数の ng-app 複数の指令が指定された場合、最初に現れる指令が使用されます。

インスタンス

例 1

body要素をAngularJSアプリケーションのルート要素にします：

<body ng-app="">
<p>私の最初の式：{{ 5 + 5 }}</p>
</body>

自分で試してみる

例 2

アプリケーションで実行するためにモジュールをロードします：

<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-app="modulename">
...
  ng-app 根要素内に AngularJS コードを含めることができます
...
</element>

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

パラメータ

パラメータ 説明
modulename オプション。アプリケーションにロードするモジュールの名前を指定します。

AngularJS リファレンスマニュアル