Leo 程式筆記

在前一篇當中我們介紹了四種DataBinding的方式

我們可以透過這些DataBinding的方式，將我們在TypeScript的變數

回傳到我們的 Templete當中來做顯示。

可是有些情況下，我們可能會根據各種不同的條件、情況來顯示不同的變數資料

這時候我們就必須要仰賴 Structure Directive了

在Angular2當中，有一個很迷人的地方，那就是DataBinding

昨天晚上學弟告訴我：他發現 明明已經使用 angular-cli安裝Chart.js這個建構圖表的 Third-party 

但是卻仍然無法使用，會一直報錯：

Cannot find modu
le '../../../node_modules/chart.js'

起初一開始以為只是它單純安裝完後沒有給人家import而產生的錯誤，但後來我自己在看Code的時候發現其實裡頭大有學問。

因此發布上這篇讓其他有相同問題的人可以少採一點坑。

本章的重點在於了解Component的應用，由於在Angular 2 的世界當中主要都是以Component來完成的

將一整個系統的架構，拆分成一部份一部份的小功能，每一個功能都獨立起來

之後合併再一起，就會是一個完整的功能。

這一章節主要會帶各位認識一下當我使用Angular CLI 指令產生出的專案

到底這麼多專案中分別代表什麼意義呢？

這一章節主要會帶各位介紹一些常用的CLI指令，來快速開發自己的網站

Angular js 2的系列文章終於開始了，平均大概3-5天會進行更新

主要帶想學Angular js2 的初學者們能夠快速踏入這個領域

在接下來的系列文章中，主要會以Angular JS 2 為系列的一個教學文

但是在開始之前，你不可不學會的 新版JavaScript ES6的新寫法

原因在於Angular JS 2 裡面有不少程式碼是會透過ES6 來進行編寫的

因此在開始系列教學文之前，來先和各位聊聊 ES6的一些新東西 帶各位認識認識。

最近這一陣子都在碰Angular JS 2

真的不得不說，使用Angular JS 2的框架來使用可以大幅降低開發的時間

非常的推薦

由於在網路上好像找不到中文的關於利用TS來操作路由進行頁面的切換跳轉

因此寫上這篇來讓各位讀者可以輕鬆的利用路由來進行切換

等比較有空的時候，再補上一系列的Angular js 2 基礎教學X"D