ngApp

Angularアプリケーションとして自動起動をする際にこのディレクティブを使用します。 このディレクティブは、アプリケーションのルートとなる要素を指定します。 通常、ページ自体のルート要素が指定されます。

概要

Document内で最初に見つけられたngAppが、自動起動の対象になります。 HTMLドキュメント内で複数のアプリケーションを使用するには、 angular.bootstrapを使用して手動で起動しなければいけません。 アプリケーションは入れ子にすることは出来ません。

下記の例で、もしngAppディレクティブがhtml要素上に無ければ、 ドキュメントはコンパイルされず、{{ 1+2 }}は3として処理されません。

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
  </head>
  <body>
    I can add: 1 + 2 =  {{ 1+2 }}
  </body>
</html>

使用方法

<要素 ng-app="{angular.Module}">
   ...
</要素>

引数

引数 説明
ngApp

型:angular.Module

読み込むモジュール名を任意で指定します。

 Back to top

© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。