第九屆

web
用30天深入Angular 5的世界
Claire Chang

系列文章

DAY 1

[新手教程-1] 建立一個Angular5的專案

這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...

DAY 2

[新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令,CLI會為我們初...

DAY 3

[新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/hero...

DAY 4

[新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

DAY 5

[新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CLI...

DAY 6

[新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...

DAY 7

[新手教程-7] 使用http來與API溝通

Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...

DAY 8

[功能介紹-1] Angular架構

本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...

DAY 9

[功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...

DAY 10

[功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元件...