【Angular】启动过程

1、加载模板

(1)publishExternalAPI(公布Api)

        (1)挂载全局对象

        (2)创建模块加载器

        (3)定义ngLocale模块->定义$locale服务

        (4)定义ng模块

(2)定义(延迟执行)

2、解析指令(Dom树)

angularInit:DomReady

        (1)ng-app指令 查找appElement元素,ng-app启动应用

                   (1)createInjector定义、创建$injector服务

                                  (1)创建$provide提供者

                                  (2)创建$injector提供者和$injector服务实例

                                  (3)加载ng模块

                                           定义内置服务

                                  (4)加载app模块

                   (2)解析应用Dom

                           injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector', '$animate',
                                function(scope, element, compile, injector, animate) {
                                      scope.$apply(function() {
                                              element.data('$injector', injector);
                                              compile(element)(scope);
                                      });
                                }
                         ]);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值