最近,因為工作上的關係。學習Angular,覺得跟之前的網頁技術,有很大的不同。所以,想自我挑戰的,整理出我學習的記錄。 目前,再用的工貝為Visaul Stu...
首先,要先安裝Node.js和NPM。NPM(Node Package Manger)套件管理系統,來安裝Angular。 先到 https://nodejs....
在上一篇完成基本的安裝後,要用Visual Studio Code,開啟程式之前,要先利用Angular的指令來建立個基本Angular專案的架構,順便執行看看...
在上一篇完成基本的測試及安裝好Visual Studio Code後,就要先進入Visual Studio Code,來安裝Angular的擴充套件。在進入su...
我們建立一個員工列表的範例好了,開始之前建立的HiAngular專案,首先來說明一下,建立一個component,就會產生出四個檔案,如下說明: app-co...
在app-component.html,主要說明,如下述程式碼: <tr *ngFor="let employee of emplo...
接下來,說明如何進行事件連結的簡單說明。例如:要觸發一個Html按鈕的click事件,要如何執行呢。 首先,在Angular的事件連結是用()指令來做連結,所...
在Angular,為什麼需要服務(Service)元件,因為在元件(Component),不應該直接獲取或儲存資料,它們應該聚焦於展示資料,而把資料訪問的職責委...
在上一個篇章上,先修改了由資料類別,來建立員工資料。接下來,就是要建立服務(Service)元件。可以用Visual Studio Code的介面來建立,或是在...
要如何應用Angular的服務(Service)元件呢?首先,要import資料類別、Service類別,在constructor建構子,來注入此Service...