本教程的終極計(jì)劃是構(gòu)建一個(gè)程序，來幫助人事機(jī)構(gòu)管理其固定的英雄。
英雄指南應(yīng)用涵蓋了 Angular 的核心原理巾兆。你將會(huì)構(gòu)建一個(gè)基本的應(yīng)用程序，它有很多你期望在一個(gè)成熟的虎囚、數(shù)據(jù)驅(qū)動(dòng)的應(yīng)用中發(fā)現(xiàn)的特性：獲取并顯示英雄列表角塑，編輯所選英雄的詳情，并且在英雄數(shù)據(jù)的不同視圖之間導(dǎo)航溜宽。你將學(xué)習(xí)到一下內(nèi)容：
- 使用內(nèi)置指令來顯示和隱藏元素吉拳，并且顯示英雄數(shù)據(jù)的列表。
- 創(chuàng)建組件來顯示英雄的詳情适揉，并顯示一組英雄留攒。
- 為只讀數(shù)據(jù)使用單項(xiàng)數(shù)據(jù)綁定。
- 添加可編輯字段嫉嘀，使用雙向數(shù)據(jù)綁定來更新模型炼邀。
- 綁定組件的方法到用戶事件，比如按鍵和點(diǎn)擊剪侮。
- 讓用戶可可以從主列表中選擇一個(gè)英雄拭宁，然后在詳情視圖中編輯。
- 使用管道來格式化數(shù)據(jù)瓣俯。
- 創(chuàng)建共享的服務(wù)來組合這些英雄杰标。
- 使用路由在不同的視圖及其組件之間導(dǎo)航。
你將學(xué)習(xí)足夠的 Angular 核心知識(shí)來入門彩匕，并堅(jiān)信 Angular 能做到任何你想讓它做的事情腔剂。你將獲取大量入門知識(shí)，并且你會(huì)看到大量鏈接驼仪，指向更深入的頁面掸犬。
當(dāng)你完成本教程袜漩，應(yīng)用看起來這樣——在線示例 (查看源碼)。
游戲的終點(diǎn)
下面是本教程關(guān)于界面的構(gòu)想：從“Dashboard（儀表盤）”視圖開始湾碎，來展示最勇敢的英雄宙攻。
你可以點(diǎn)擊儀表盤上方的兩個(gè)鏈接（“Dashboard”和“Heroes”）在儀表盤視圖和英雄視圖之間導(dǎo)航。
如果你點(diǎn)擊了儀表盤上的英雄“Magneta”介褥，路由會(huì)打開英雄詳情頁座掘，在這里，你可以修改英雄的名字呻顽。
點(diǎn)擊“Back（后退）”按鈕將返回到“Dashboard（儀表盤）”雹顺。頂部的鏈接可以把你帶到任何一個(gè)主視圖。如果你點(diǎn)擊“Heroes（英雄列表）”鏈接廊遍，應(yīng)用將顯示“英雄”主列表視圖。
當(dāng)你點(diǎn)擊另一位英雄時(shí)贩挣，一個(gè)只讀的“微型詳情視圖”會(huì)顯示在列表下方喉前，以體現(xiàn)你的選擇。
你可以點(diǎn)擊“View Details（查看詳情）”按鈕進(jìn)入所選英雄的編輯視圖王财。
下面這張圖匯總了所有可能的導(dǎo)航路徑卵迂。
下圖是應(yīng)用的動(dòng)態(tài)圖。
接下來
你將一步步構(gòu)建英雄指南應(yīng)用绒净。正如我們?cè)跓o數(shù)應(yīng)用遇到那樣见咒，每一步都由一個(gè)需求驅(qū)動(dòng)。畢竟做任何事都要有個(gè)理由挂疆。
在這一過程中改览，你將熟悉很多Angular核心基礎(chǔ)。
下一步
