AngularJS1 -- ng-app

最新推荐文章于 2021-07-09 16:38:36 发布

住在地球的攻城狮

最新推荐文章于 2021-07-09 16:38:36 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏： angular1

本文链接：https://blog.youkuaiyun.com/qq_39462095/article/details/99857561

5 篇文章

订阅专栏

本文深入探讨AngularJS中ng-app指令的作用与用法。ng-app定义并初始化AngularJS应用程序，自动引导应用，设定根元素，并支持在HTML文档中指定模块名称。了解ng-app的语法与限制，如只能在一个文档中使用一次。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app=" " 定义angularJS的使用范围。

ng-app 指令定义并初始化一个 AngularJS 应用程序。

ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序。

ng-app 指令定义了 AngularJS 应用程序的 根元素。

所有 AngularJS 应用都必须要有一个根元素。

打印以getElementById获取的带有ng-app指令的div

ng-app 指令可不赋值.

angular 给带有 ng-app 指令的元素添加了无样式的类名 ng-scope.

ng-app 指令可设置于 body 上.

ng-app 指令设置在 body 上

HTML 文档中只允许有一个 ng-app 指令，如果有多个 ng-app 指令，则只有第一个会被使用。

只使用第一个 ng-app 指令

第二个 ng-app 元素没有类名 ng-scope.

第二个 div 内的表达式被直接写入了页面.

ng-app 指令语法

<element ng-app="modulename">
...
 在 ng-app 根元素上的内容可以包含 AngularJS 代码
...
</element>

所有的 HTML 元素都支持该指令。

modulename

可选。指定载应用模块的名称。

执行应用中的模块

打印应用中的模块