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