伏龙阁资源网

AngularJS使用ng-app自动加载bootstrap框架问题分析
站长资源 2024/11/27 佚名
2 0

本文实例分析了AngularJS使用ng-app自动加载bootstrap框架问题。分享给大家供大家参考，具体如下：

前面的文章《AngularJS框架的ng-app指令与自动加载实现方法分析》 提出了使用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框架的，是否带属性值的差别在于：根模块的创建，到底是默认的，还是我们自定义的。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接