博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(四)左右ng-app自己主动bootstrap相框
阅读量:6949 次
发布时间:2019-06-27

本文共 1266 字,大约阅读时间需要 4 分钟。

博客之前  提出了使用ng-app指令的情况。之前认为出现第4和第5种情况非常奇怪,由于仅仅看到了现象,没有看到本质。JS错误。最直观的表现方式就是:弹出一个非常不友好的JS错误窗体。

当脚本出现了未捕获的错误,浏览器才会弹出错误提示。另一种比較隐晦的表示:在浏览器的控制台输出错误信息。这提示我们:使用JS框架的时候,一定要用下F12看看控制台是否有错误

第3种情况 和 第5种情况:不带属性的ng-app模块不能自己主动载入,用F12发现控制台报错:

SCRIPT5022: [$injector:modulerr] Failed to instantiate module app1 due to:

Error: [$injector:nomod] Module 'app1' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument。

什么意思呢?大概就是我们使用了ng-app,要求自己主动载入我们自己定义的模块,可是我们却没有提供这些模块。

再看下官方的ngApp说明文档:

Use this directive to auto-bootstrap an AngularJS application. The ngApp directive designates the root element of the application and is typically placed near the root element of the page - e.g. on the <body> or <html> tags.Only one AngularJS application can be auto-bootstrapped per HTML document. The first ngApp found in the document will be used to define the root element to auto-bootstrap as an application。

1、假设在html中定义了ng-app,那么angular框架会自己主动初始化,无论它有没有带属性值。

     假设没有使用ng-app,那么须要自己手动初始化。

2、假设ng-app没有属性值。angular会默认创建一个模块作为root,然后启动框架。

3、ng-app属性假设有值,即自己定义module。也会被解析出来,前提是我们必须先创建module。

也就是说ng-app就是用来自己主动启动angular框架的,是否带属性值的区别在于:根模块的创建。究竟是默认的,还是我们自已定义。

 

版权声明:本文博主原创文章,博客,未经同意不得转载。

你可能感兴趣的文章
Android之Http通信
查看>>
微信小程序支付
查看>>
使用Symantec Backup Exec 对Exchange 2010 进行备份还原和灾难恢复系列之三
查看>>
Java词汇表(五)S——T
查看>>
Java词汇表(四)P——R
查看>>
连接查询,子查询,联合查询
查看>>
php性能分析工具xhprof
查看>>
Codevs 1503 愚蠢的宠物 解题报告
查看>>
python中matplotlib绘制图形
查看>>
Java IO流详解
查看>>
POJ 2886 线段树 反素数
查看>>
我的友情链接
查看>>
weblogic 配置mysql数据源Cannot load driver class: com.mysql.jdbc.Driver的问题
查看>>
RIP
查看>>
微软近期Open的职位
查看>>
ElasticSearch-倒排索引
查看>>
python隐含的特性
查看>>
爬虫笔记(十一)——认识cookie
查看>>
python内置模块——time
查看>>
uva 10280(欧拉函数)
查看>>