Hero guide 簡(jiǎn)介

2020-06-29 17:42 更新

在“英雄指南”中,您將從頭開始構(gòu)建自己的應(yīng)用,體驗(yàn)典型的開發(fā)過(guò)程。

本指南向您展示了如何使用 Angular CLI 工具搭建本地開發(fā)環(huán)境并開發(fā)應(yīng)用;對(duì) Angular CLI 工具的基礎(chǔ)知識(shí)進(jìn)行了介紹。

您建立的應(yīng)用可以幫助“神盾局”管理好自己的英雄們。該應(yīng)用具有許多在任何數(shù)據(jù)驅(qū)動(dòng)的應(yīng)用完成后的應(yīng)用會(huì)獲取一些英雄列表、編輯所選英雄的詳細(xì)信息,并在不同的英雄數(shù)據(jù)之間導(dǎo)航。

您會(huì)在“英雄指南”中用到的很多個(gè)示例中找到對(duì)此應(yīng)用領(lǐng)域的引用和擴(kuò)展,但您并不一定非要通過(guò)“英雄指南”來(lái)理解這些例子。

“英雄指南”工作內(nèi)容:

  1. 使用 Angular 內(nèi)置指令來(lái)顯示或隱藏元素,并顯示英雄數(shù)據(jù)列表。

  1. 創(chuàng)建 Angular 組件以顯示英雄的詳情,并顯示一個(gè)英雄數(shù)組。

  1. 為只讀數(shù)據(jù)使用單項(xiàng)數(shù)據(jù)綁定。

  1. 添加可編輯字段,使用雙向數(shù)據(jù)綁定來(lái)更新模型。

  1. 把組件中的方法綁定到用戶事件上,比如案件和點(diǎn)擊。

  1. 讓用戶可以在主列表中選擇一個(gè)英雄,然后在詳情視圖中編輯他。

  1. 使用管道來(lái)格式化數(shù)據(jù)。

  1. 創(chuàng)建共享的服務(wù)來(lái)管理這些英雄。

  1. 使用路由在不同的視圖及其組件之間導(dǎo)航。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)