Angular开发模式下的编译器和运行时的代码比较

IDE里的index.html里的app-root:

Angular开发模式下的编译器和运行时的代码比较
Angular开发模式下的编译器和运行时的代码比较

在浏览器里打开后,能看到app-root下面的几个子节点:app-top-bar和router-outlet, 以及app-product-list, 以及内容为footer的h2标签。

Angular开发模式下的编译器和运行时的代码比较

这个结构定义在app.component的模板里:

Angular开发模式下的编译器和运行时的代码比较

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
Angular开发模式下的编译器和运行时的代码比较