整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Angular第十九章:主頁面“index.html”

          中級

          學(xué)習(xí)時(shí)間

          半小時(shí)

          學(xué)前準(zhǔn)備

          有一定編程經(jīng)驗(yàn)。

          開發(fā)語言

          Typescript

          開發(fā)環(huán)境

          • Node.js v10.9.0
          • npm v6.2.0
          • WebStorm v2018.2.3
          • Angular CLI v6.1.5

          1.主頁面“index.html”官方描述

          什么是“index.html”?

          官方是這樣描述的:

          這是別人訪問你的網(wǎng)站是看到的主頁面的 HTML 文件。 大多數(shù)情況下你都不用編輯它。 在構(gòu)建應(yīng)用時(shí),CLI 會(huì)自動(dòng)把所有 js 和 css 文件添加進(jìn)去,所以你不必在這里手動(dòng)添加任何 <script> 或 <link> 標(biāo)簽。

          從中我們可以得出以下三點(diǎn):

          1. “index.html”是用戶訪問我們網(wǎng)站第一個(gè)看到的頁面。
          2. 在構(gòu)建Angular應(yīng)用時(shí),Angular CLI會(huì)自動(dòng)的將所需的 JS 和 CSS 文件添加到“index.html”中。
          3. 如需第三方 JS 或 CSS 則手動(dòng)添加。

          “index.html”位置及內(nèi)容如下:

          具體內(nèi)容:

          這就是一個(gè)普通的html。

          里面只說兩點(diǎn),第一點(diǎn)是我們之前講解過的網(wǎng)站頭像“favicon.ico”,還有一點(diǎn)是沒有講解過的“app-root”組件選擇器。后者是重點(diǎn)。

          2.網(wǎng)站頭像“favicon.ico”

          首先,我們來看看網(wǎng)站頭像,這個(gè)之前講解過,但是在“index.html”里面還沒有講解。

          涉及到的代碼如下:

          這是一個(gè)icon的引用,將“favicon.ico”設(shè)置為網(wǎng)站頭像。

          注意看,href屬性值直接寫的是“favicon.ico”,也就是說“favicon.ico”所在的目錄是和“index.html”是同一個(gè)目錄。

          3.“app-root”組件選擇器

          接著往下看,我們會(huì)看到一個(gè)比較奇怪的標(biāo)簽:

          Q:這個(gè)標(biāo)簽叫什么?

          這個(gè)叫組件選擇器也叫CSS選擇器。

          Q:什么叫組件選擇器?

          從它的名字中可以得知兩點(diǎn):組件和選擇器。其中選擇器是組件在HTML中的名字。

          Q:什么是組件?

          官方描述:

          組件控制屏幕上被稱為視圖的一小片區(qū)域。

          不知道對官方描述有沒有理解,沒理解也沒關(guān)系,下一章就會(huì)詳細(xì)講解到什么組件。

          Q:app-root這個(gè)組件選擇器實(shí)際對應(yīng)的組件是什么?

          app-root組件選擇器對應(yīng)的是應(yīng)用中AppComponent組件。

          Q:AppComponent組件在哪?

          如圖所示,中app目錄下的“app.component.ts”文件中,用Typescript寫成。

          它的具體內(nèi)容如下:

          Q:我在圖片中看到了“app-root”,想問包括它自身所在的這一行是什么意思?

          官方描述:

          selector:是一個(gè) CSS 選擇器,它會(huì)告訴 Angular,一旦在模板 HTML 中找到了這個(gè)選擇器對應(yīng)的標(biāo)簽,就創(chuàng)建并插入該組件的一個(gè)實(shí)例。 比如,如果應(yīng)用的 HTML 中包含 <app-root></app-root>,Angular 就會(huì)在這些標(biāo)簽中插入一個(gè) AppComponent 實(shí)例的視圖。

          這個(gè)描述應(yīng)該很清楚了,將組件的視圖插入到選擇器所在的位置。

          至此,“index.html”相關(guān)的講解就先告一段落了,里面還有其它沒有講解的內(nèi)容暫時(shí)不作重點(diǎn)。

          后續(xù)還會(huì)再接觸的,用到時(shí)再作分析。

          答疑

          如果大家有問題或想了解更多前沿技術(shù),請?jiān)谙路搅粞曰蛟u論,我會(huì)為大家解答。

          上一章

          Angular第十八章:應(yīng)用入口“main.ts”

          下一章

          Angular第二十章:app開發(fā)目錄

          學(xué)習(xí)小組

          加入同步學(xué)習(xí)小組,共同交流與進(jìn)步。

          • 方式一:通過關(guān)注我們的頭條號(hào),然后私信我們。
          • 方式二:通過公眾號(hào)gorhaf,回復(fù)“Angular學(xué)習(xí)小組”。

          關(guān)注我們

          如果你也熱愛前沿技術(shù),歡迎關(guān)注我們。

          版權(quán)聲明

          原創(chuàng)不易,未經(jīng)允許不得轉(zhuǎn)載!

          的二十大是在全黨全國各族人民邁上全面建設(shè)社會(huì)主義現(xiàn)代化國家新征程、向第二個(gè)百年奮斗目標(biāo)進(jìn)軍的關(guān)鍵時(shí)刻召開的一次十分重要的大會(huì)。二十大報(bào)告重點(diǎn)你都get了嗎?戳:(http://cpc.people.com.cn/GB/64162/448633/index.html)一起轉(zhuǎn)發(fā)學(xué)習(xí)!

          國山東網(wǎng)9月24日訊 (通訊員 張漢勇)近期,菏澤市定陶區(qū)市場監(jiān)管局企業(yè)信用監(jiān)管科接到多名群眾來訪和電話咨詢,有不法分子冒用市場監(jiān)管部門名義,以手機(jī)短信形式向企業(yè)商戶經(jīng)營者發(fā)送短信:“您單位已列入異常名錄,請?jiān)?月23日前登錄t.zsob20.com完成登記認(rèn)證,超時(shí)將受到約束限制和處罰。

          (假網(wǎng)站)

          根據(jù)《企業(yè)信息公示暫行條例》和《經(jīng)營異常名錄管理暫行辦法》相關(guān)規(guī)定,并經(jīng)菏澤市定陶區(qū)市場監(jiān)管局核實(shí),此短信并非市場監(jiān)管部門發(fā)送,為詐騙短信。如接到類似短信請?zhí)岣呔瑁皶r(shí)向當(dāng)?shù)厥袌霰O(jiān)督管理部門反映,以防上當(dāng)受騙。列入異常名錄的市場主體會(huì)通過“國家企業(yè)信用信息公示系統(tǒng)”向社會(huì)公示,并由屬地市場監(jiān)督管理部門通過特快專遞郵寄《列入經(jīng)營異常名錄決定書》的方式送達(dá)告知。

          “國家企業(yè)信用信息公示系統(tǒng)”的官方網(wǎng)址為:“http://www.gsxt.gov.cn/index.html”。請認(rèn)真核對網(wǎng)址域名,避免誤入假冒網(wǎng)站。

          (官方網(wǎng)站)

          菏澤市定陶區(qū)市場監(jiān)管局鄭重提醒廣大經(jīng)營者:切實(shí)加強(qiáng)防范,切入輕信來歷不明的電話或短信,一旦撥打短信中預(yù)留電話或點(diǎn)擊短信內(nèi)連接,不法分子會(huì)設(shè)法誘導(dǎo)用戶提供個(gè)人身份證信息、銀行賬號(hào)、密碼、手機(jī)號(hào)碼、驗(yàn)證碼等涉及個(gè)人信息的內(nèi)容或敏感信息,從而進(jìn)行轉(zhuǎn)賬、消費(fèi)等不法活動(dòng)。同時(shí),任何時(shí)候都不能因任何理由按陌生電話或短信的提示,進(jìn)行銀行轉(zhuǎn)賬業(yè)務(wù)的操作!

          聲明:轉(zhuǎn)載此文是出于傳遞更多信息之目的。若有來源標(biāo)注錯(cuò)誤或侵犯了您的合法權(quán)益,請作者持權(quán)屬證明與本網(wǎng)聯(lián)系,我們將及時(shí)更正、刪除,謝謝。


          主站蜘蛛池模板: 亚洲国产精品一区二区久久hs | 韩国福利一区二区美女视频| 一区二区三区无码高清| 日韩一区二区电影| 少妇精品久久久一区二区三区 | 人妻久久久一区二区三区| 亚洲av无码一区二区三区网站| 久久久久人妻精品一区蜜桃| 色窝窝无码一区二区三区色欲| 亚洲色一区二区三区四区| 亚洲乱码日产一区三区| 四虎精品亚洲一区二区三区 | 国产一区二区福利久久| 日本人真淫视频一区二区三区| 99国产精品欧美一区二区三区| 日韩精品一区二区三区色欲AV| 亚洲日韩精品无码一区二区三区| 女同一区二区在线观看| 亚洲国产精品自在线一区二区| 国产精品区AV一区二区| 2021国产精品视频一区| 一区二区三区视频| 一区二区三区四区视频| 文中字幕一区二区三区视频播放| 丰满人妻一区二区三区免费视频| 国产小仙女视频一区二区三区| 精品免费国产一区二区三区| 国产精品视频一区二区猎奇| 国产精品久久一区二区三区| 一区二区三区高清| 日韩一区在线视频| 午夜精品一区二区三区在线视| 久久综合一区二区无码| 国产一区二区三区在线2021| 国产女人乱人伦精品一区二区| 亚洲国产精品一区二区久久| 亚洲国产欧美国产综合一区| 亚洲av无码成人影院一区| 亚洲AV成人一区二区三区AV| 国产精品视频免费一区二区| 99久久精品午夜一区二区|