AngularJSng-appディレクティブ
例
body要素をAngularJSアプリケーションのルート要素にします。
<body ng-app="">
<p>My first expression: {{ 5 + 5
}}</p>
</body>
定義と使用法
ディレクティブは、ng-appこれがAngularJSアプリケーションのルート要素であることをAngularJSに通知します。
すべてのAngularJSアプリケーションにはルート要素が必要です。
ng-appHTMLドキュメントに含めることができるディレクティブは1つだけです。複数のng-appディレクティブが表示される場合は、最初の表示が使用されます。
構文
<element ng-app="modulename">
...
content inside the ng-app
root element can contain AngularJS code
...
</element>
すべてのHTML要素でサポートされています。
パラメータ値
| Value | Description |
|---|---|
| modulename | Optional. Specifies the name of a module to load with the application |
例
アプリケーションで実行するモジュールをロードします
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " +
lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName =
"John";
$scope.lastName = "Doe";
});
</script>