根組件下面包含了很多的子組件

組件就是控制屏幕的某一個(gè)部分，某一個(gè)區(qū)域


組件是可以相互包含的
組件是定義在類里面的，類里面有屬性和方法


注解會(huì)標(biāo)記一個(gè)class是component

模板決定了組件長得什么樣子

style是風(fēng)格什么樣子






開始做頂部的tabBar
把原來的代碼都刪除掉







emmet
emmet的語法：
https://docs.emmet.io/

先寫上這三個(gè)




寫css：

這樣就橫過來顯示，不是豎著顯示了

上下為0 左右為5px

四個(gè)是上右下左，是對稱的，所以可以寫成 0 5 這種形式

這樣之間就有了間隔

把文字下面的斜劃線去掉


左右和上面都沒有貼合

還是沒有很好的貼合的，主要是由于它外部產(chǎn)生的
?
在最外層的styles.css內(nèi)去寫css代碼。這個(gè)是全局的




現(xiàn)在就全完的貼合了

ngFor

使用ngFor循環(huán)的形式

這就要求tabs是一個(gè)數(shù)組
在ts內(nèi)定義屬性，這是個(gè)數(shù)組

ngFor循環(huán)出來的菜單


ngFor是一個(gè)指令

回顧

組件就是控制屏幕的某塊區(qū)域的視圖
class通過屬性和方法與視圖交互

html的內(nèi)容可以這么寫，這是內(nèi)斂的寫法


ant design的例子都是內(nèi)聯(lián)的寫法
https://ng.ant.design/components/grid/zh




通過chrome的插件Augury看組件Tree

這里可以查看依賴注入的順序









?

來源：https://www.icode9.com/content-4-276901.html