Angular启动过程介绍
生活随笔
收集整理的這篇文章主要介紹了
Angular启动过程介绍
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、啟動時加載了哪個頁面?
2、啟動時加載了哪些腳本?
3、這些腳本做了什么事?
打開Angular的命令行文件.angular-cli.json。apps節點下面。 首先加載 index.html 頁面。 此時瀏覽器顯示index.html的內容。 再加載main.ts腳本
"apps": [ { ......... "index":"index.html", "main":"main.ts", ......... } ],
打開main.ts文件 執行步驟: 加載一些模塊。 設置環境 啟動模塊AppModule
打開\src\app\app.module.ts 里面導入了一些模塊。 最后AppModule 模塊執行的組件是AppComponent。
進入AppComponent組件,AppComponent組件在index.html中查找'app-root'節點 把templateUrl,styleUrls內容在app-root里顯示。 此時瀏覽器顯示 app works!
打開Angular的命令行文件.angular-cli.json。apps節點下面。 首先加載 index.html 頁面。 此時瀏覽器顯示index.html的內容。 再加載main.ts腳本
"apps": [ { ......... "index":"index.html", "main":"main.ts", ......... } ],
打開main.ts文件 執行步驟: 加載一些模塊。 設置環境 啟動模塊AppModule
打開\src\app\app.module.ts 里面導入了一些模塊。 最后AppModule 模塊執行的組件是AppComponent。
進入AppComponent組件,AppComponent組件在index.html中查找'app-root'節點 把templateUrl,styleUrls內容在app-root里顯示。 此時瀏覽器顯示 app works!
完成
-------------
更多的Java,Angular,Android,大數據,J2EE,Python,數據庫,Linux,Java架構師,教程,視頻請訪問:
http://www.cnblogs.com/zengmiaogen/p/7083694.html
總結
以上是生活随笔為你收集整理的Angular启动过程介绍的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安卓市场上架总结
- 下一篇: 启动TOMCAT报错 java.util