参考手册
AngularJS 参考
ng-bind
返回 AngularJS 参考

AngularJS ng-app 指令

实例

让 body 元素成为 AngularJS 应用程序的根元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body>
  6. <div ng-app="">
  8. <p>我的第一个表达式: {{ 5 + 5 }}</p>
  10. </div>
  12. </body>
  13. </html>
运行一下

定义与用法

ng-app 指令告诉 AngularJS 这是 AngularJS 应用程序的根元素。

所有 AngularJS 应用程序都必须有根元素。

HTML 文档中只能有一个 ng-app 指令。如果出现多个 ng-app 指令，将使用第一个指令。

语法

  1. <element ng-app="modulename">
  2. ...
  3.   ng-app根元素中的内容可以包含 AngularJS 代码
  4. ...
  5. </element>

由所有 HTML 元素支持。

参数值

值描述
modulename可选。指定要随应用程序加载的模块的名称
实例

加载要在应用程序中运行的模块

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body>
  6. <div ng-app="myApp" ng-controller="myCtrl">
  7. {{ firstName + " " + lastName }}
  8. </div>
  10. <script>
  11. var app = angular.module("myApp", []);
  12. app.controller("myCtrl", function($scope) {
  13.     $scope.firstName = "John";
  14.     $scope.lastName = "Doe";
  15. });
  16. </script>
  18. </body>
  19. </html>
运行一下
ng-bind

分类导航