本章主要完善上一章的頂部導(dǎo)航欄，開工之前，我們先學(xué)習(xí)幾個(gè)新的概念。
Interface (接口)
可選屬性，只讀屬性
Interface 存在于很多開發(fā)語言中，如C#，Java等。但是在這些語言中，接口的概念更偏向于一個(gè)類的共性的模板（此處不詳解）。
但是在TypeScript中，Interface還有一個(gè)非常重要的作用之一就是類型命名。不同于C#,Java中的interface只能有方法，在TypeScript中，可以給interface添加屬性，這樣對(duì)于復(fù)雜的類型就可以用interface命名。如下面的示例，如果你添加了一個(gè)屬性不屬于定義的interface中，系統(tǒng)會(huì)有錯(cuò)誤提示。
Interface有兩種屬性：可選屬性，只讀屬性。屬性后添加“？”代表可選屬性即可有可無，未添加“？”代表只讀屬性，不可更改。如下所示
函數(shù)類型，索引類型，類的類型
函數(shù)類型：TypeScript中的Interface可以給函數(shù)做類型，即可以定義某一種類型的函數(shù)
索引類型：可以創(chuàng)建像數(shù)據(jù)字典一樣的數(shù)據(jù)結(jié)構(gòu)
類的類型：類似于其他語言，對(duì)于類的抽象和約束
Flex布局
Flex “彈性布局”，有兩篇文章圖文并茂的解釋了Flex布局，自行查看。
Flex布局教程：語法篇
Flex布局教程：實(shí)例篇
手機(jī)真機(jī)調(diào)試
真機(jī)調(diào)試的方法就是確保手機(jī)和電腦處于同一WiFi網(wǎng)絡(luò)。
在啟動(dòng)程序時(shí)使用命令ng serve --host 0.0.0.0
最后用手機(jī)瀏覽器打開http://<電腦IP>:4200
完善頂部導(dǎo)航欄
上一章我們用字符串?dāng)?shù)組做了導(dǎo)航欄條目，但是真正意義上的導(dǎo)航包含兩個(gè)部分：【1】顯示導(dǎo)航條目，【2】點(diǎn)擊導(dǎo)航條目的動(dòng)作。那么對(duì)于當(dāng)前的單一字符串是無法滿足第二點(diǎn)的，所以我們就需要用到interface了。
詳細(xì)請(qǐng)移步下一章節(jié)~
