關(guān)于Angular開發(fā)環(huán)境 严里，配置啥的我就不一一介紹了燕偶，詳情請移步步：https://www.angular.cn/guide/quickstart
創(chuàng)建應(yīng)用缝龄，打開項(xiàng)目大概就是這么個(gè)樣子：
1.數(shù)組展示：
咱先創(chuàng)建個(gè)component的水果類來裝頁面哈
css樣式我就去喵了一眼，最重要的還是交互吧胶坠，開始代碼了君账。
導(dǎo)入一個(gè)水果模型，然后在ts創(chuàng)建一個(gè)屬性好讓html來展示
說一下這個(gè)鬼 *ngFor="let fruit of fruits" ??
官方說 *ngFor?是一個(gè) Angular 的復(fù)寫器（repeater）指令沈善。 它會為列表中的每項(xiàng)數(shù)據(jù)復(fù)寫它的宿主元素乡数。 我理解的就是一個(gè)for循環(huán)，取值進(jìn)行展示 ?let ?of?
當(dāng)然在app.module上還需要導(dǎo)入這個(gè)水果類
運(yùn)行出來就是這個(gè)喔：
2.接下來咱在來實(shí)現(xiàn)個(gè)點(diǎn)擊水果顯示詳情
a.修改水果html頁面?*ngIf ?是否闻牡，真的時(shí)候就執(zhí)行下面的語句净赴，否則過濾掉這段
b.實(shí)現(xiàn)方法
在路由里寫好路徑就可直接運(yùn)行看效果咯。
簡易版水果demo就搞定了澈侠。
簡易demo app的文件 ?地址: https://pan.baidu.com/s/18JbuCWKF_a9vsHKjQC7RXg 提取碼: u9y7?
