最新的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>
试一试»