AngularJS ng-app指令
AngularJS 实例
body要素をAngularJSアプリケーションのルート要素にする:
<body ng-app="">
<p>我の第一个表达式:{{ 5 + 5 }}</p>
</body>
<p>我の第一个表达式:{{ 5 + 5 }}</p>
</body>
尝试一下 »
定義と用法
ng-appこのディレクティブは、AngularJSアプリケーションに対し、現在の要素がルート要素であることを指示します。
すべてのAngularJSアプリケーションにはルート要素が必要です。
HTML文書では1つだけ許可されるng-appディレクティブが複数ある場合、ng-appディレクティブは最初のものだけが使用されます。
语法
<element ng-app="modulename">
...
ng-appルート要素上のコンテンツにはAngularJSコードを含めることができます
...
</element>
...
ng-appルート要素上のコンテンツにはAngularJSコードを含めることができます
...
</element>
すべてのHTML要素がこのディレクティブをサポートしています。
参数值
| 值 | 描述 |
|---|---|
| modulename | 任意です。アプリケーションモジュールの名前を指定します。 |
AngularJS 实例
アプリ内のモジュールを実行する
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " +
lastName }}
</div>
<script>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
尝试一下 »
其他扩展