技術 [功能介紹-4] 組件間的溝通

本文同步發佈於：Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

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

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

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

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

技術 [功能介紹-1] Angular架構

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

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

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

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

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

技術 [新手教程-5] 建立Service

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

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

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

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

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

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

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

達標好文 技術 [新手教程-1] 建立一個Angular5的專案

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

技術 [Angular2] dropdown list with ngFor and enum

Introduction The article will show how to use ngFor, ngModel and enum to create...

技術 [Day 02] TypeScript -- Angular 2 的寫作靈魂

前言 這系列標題不是 Angular 2之 30天邁向神乎奇蹟之路嗎？怎麼才第二天標題就是 TypeScript(之後簡稱 TS)了呢？怎麼有種掛羊頭賣狗肉的...