好久沒在上面寫什麼東西了
距離我第一次用 Hexo 已經是 2 年前的事情了
文章就停留在大三的 Angular 初學
但是後來反而跑去學習 Laravel 跟 Vue
現在則是往 ASP.Net Core 跟 EntityFramework Core 發展
有點不知道在做什麼的感覺

本來是要在上次連假時發佈，但是後來接期中考，就被我放置到現在了
是時候要讓 angular 系列先告一個段落了
這將會是目前 angular 系列的最後一個主題

這篇主要會說明在 Angular 中蠻重要的部份，Injectable
最後會實做一個簡單的 Service 從後端取資料到前端

前面介紹了與 component 相關的內容之後
接下來將會介紹建構 angular 系統裡的重要角色 Module
Module 可以管理許多的 Component，並引入像是 Pipe、Directive、Service 等東西
也可以引入其他 Module 來使用相關的 Component、Pipe 或 Directive 等
之後還會介紹一種比較特別的 Module，路由

這次要繼續介紹與 Complnent 相關的各種工具：

• Pipe
• Directive

透過使用這些東西，可以使得 Component 樣板的內容變得更簡潔、好維護

在開始講之前，要先補之前沒有介紹到的一些基本的樣板結構操作

上次有提到，Component 的變數可以在樣板中被使用。
那實際上樣板是怎麼使用 Component 的變數呢？
Component 跟樣板的關係又是什麼？

本章將會進一步講解 Component 與樣板之間的關係
並透過 Angular 提供的綁定功能，來寫一個簡單的登入畫面

Angular 的專案資料夾內容相當豐富，剛開始看到時，還真不知道該從哪裡下手呢。檔案數量多，名子又很長

所以一開始會先介紹一下基本的專案結構，然後間單說一下 Module 跟 Component

在了解了 MPA 與 SPA 之後，就要開始建立第一個 Angular 專案了

由於這份紀錄是在我已經學習 Angular 幾天後才開始撰寫的，當時的安裝紀錄並沒有保存，接下來的安裝過程將會使用虛擬機進行。

環境安裝

在建立 angular 專案前，需要先安裝一些東西

• NodeJS (要注意一下版本，有的版本安裝上可能會有問題)
• Git (沒有 Git 的話，也是可以正常建立專案，只是不會自動產生版本控制而已)
• Angular CLI

這個寒假到感覺到後面過得有點空虛，所以找了個東西讓自己的寒假變得充實一點

由於前端的東西我不常去碰，所以我的印象就停留在 MPA 的階段，還在傻傻的從 Server 端套樣板輸出頁面。現在的網頁很講求使用者體驗，像 MPA 這種方式產生出來的網頁應用，對使用者來說可能就不是那麼順暢和便利，而且後端也要花心力去整理前端的部份

原先大概就知道 Angular、Vue、React、JQuery 等前端會使用的框架，但只有一點點使用 JQuery 的經驗而已，其他都是 0 經驗

由於看到了同學在作業上使用 Angular 套版搭了一個小小的網頁，於是我想說也來玩一下

我也是碰到了 Angular 才知道了 MPA、SPA 這些東西

本次學習 Angular 的系列文章，我將參考 IThome 的這份鐵人賽系列：Angular 深入淺出三十天
並透過自己的理解撰寫文章來紀錄學習 Angular 的過程

Session載入問題

某些人剛開始寫CI時可能會碰到一種奇特的問題：Unable to locate the specified class

如果透過Google搜尋相關錯誤，你會發現大多跟Session.php有關

不過找不太到這種現象的解釋

即使是目前CI3的最新版本3.1.11依然有可能會出現

這種問題的難點在於無法知道確切的錯誤在哪裡

於是大家通常都是把跟session有關的地方拆掉，例如說 autoload 之類的

參數引用

大家應該都聽過 Call By Value，Call By Reference 或是 Call By Sharing

這些都是很常見的函式參數引用原則

如果沒聽過相灣概念的話，下面會簡單的做一下介紹