iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

Angular 學習雜記 系列

最近,在學習Angular。在學習過程中,結合過去的Web開發經驗,讓我有很深不同的體會。所以,希望整理出來,給大家參考。

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 1

Angular 學習雜記-前言

最近,因為工作上的關係。學習Angular,覺得跟之前的網頁技術,有很大的不同。所以,想自我挑戰的,整理出我學習的記錄。 目前,再用的工貝為Visaul Stu...

2019-09-17 ‧ 由 lucius 分享
DAY 2

Angular 學習雜記-Angular開發工具與環境建置

首先,要先安裝Node.js和NPM。NPM(Node Package Manger)套件管理系統,來安裝Angular。 先到 https://nodejs....

2019-09-18 ‧ 由 lucius 分享
DAY 3

Angular 學習雜記-Angular開發工具與環境建置(續)

在上一篇完成基本的安裝後,要用Visual Studio Code,開啟程式之前,要先利用Angular的指令來建立個基本Angular專案的架構,順便執行看看...

2019-09-19 ‧ 由 lucius 分享
DAY 4

Angular 學習雜記-Angular資料夾、檔案說明

在上一篇完成基本的測試及安裝好Visual Studio Code後,就要先進入Visual Studio Code,來安裝Angular的擴充套件。在進入su...

2019-09-20 ‧ 由 lucius 分享
DAY 5

Angular 學習雜記-Angular簡單範例

我們建立一個員工列表的範例好了,開始之前建立的HiAngular專案,首先來說明一下,建立一個component,就會產生出四個檔案,如下說明: app-co...

2019-09-21 ‧ 由 lucius 分享
DAY 6

Angular 學習雜記-Angular程式指令說明

在app-component.html,主要說明,如下述程式碼: <tr *ngFor="let employee of emplo...

2019-09-22 ‧ 由 lucius 分享
DAY 7

Angular 學習雜記-Angular程式指令說明(續)

接下來,說明如何進行事件連結的簡單說明。例如:要觸發一個Html按鈕的click事件,要如何執行呢。 首先,在Angular的事件連結是用()指令來做連結,所...

2019-09-23 ‧ 由 lucius 分享
DAY 8

Angular 學習雜記-Angular的服務(Service)元件

在Angular,為什麼需要服務(Service)元件,因為在元件(Component),不應該直接獲取或儲存資料,它們應該聚焦於展示資料,而把資料訪問的職責委...

2019-09-24 ‧ 由 lucius 分享
DAY 9

Angular 學習雜記-Angular的服務(Service)元件(續)

在上一個篇章上,先修改了由資料類別,來建立員工資料。接下來,就是要建立服務(Service)元件。可以用Visual Studio Code的介面來建立,或是在...

2019-09-25 ‧ 由 lucius 分享
DAY 10

Angular 學習雜記-Angular的服務(Service)元件,要如何應用

要如何應用Angular的服務(Service)元件呢?首先,要import資料類別、Service類別,在constructor建構子,來注入此Service...

2019-09-26 ‧ 由 lucius 分享