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

AngularJS NG-アプリ指令


body要素はAngularJSアプリケーションのルート要素になってみましょう:

<body ng-app="">

<p>My first expression: {{ 5 + 5 }}</p>

</body>
»それを自分で試してみてください

定義と使用法

ng-appディレクティブは、これがAngularJSアプリケーションのルート要素であることをAngularJS伝えます。

すべてのAngularJSアプリケーションは、ルート要素を持っている必要があります。

あなたは一つだけ持つことができますng-app HTMLドキュメント内のディレクティブを。 複数の場合は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>
»それを自分で試してみてください