通常聽到一門新的技術,第一句話會問的就是... 為何我要使用這門技術呢? 貼心小提醒:如果單純想了解 TS 是什麼,以及優勢與缺點,可以跳過前文喔!...
前言 這系列標題不是 Angular 2之 30天邁向神乎奇蹟之路嗎?怎麼才第二天標題就是 TypeScript(之後簡稱 TS)了呢?怎麼有種掛羊頭賣狗肉的...
《前線維護》篇章概要 第一次看到 TypeScript 的人,最先看到就是型別註記(以下會把程式碼有註記的部分用 ~ 顯示出來)—— 英文稱為 Type An...
本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...
什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
昨天初步介紹了 TS 介面以及如何宣告,但昨天在研究介面的時候,心中一直有個疑惑,介面怎麼和之前提到的型別別名(Type Alias)有點像,究竟有什麼差別呢?...
前言 閱讀這篇文章前,先回顧一下昨天的學習,回答看看: 如何建立測試 TypeScript 的開發環境(線上/本機)? 如果型別錯誤,TypeScript...
將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...
Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...
閱讀本篇文章前,仔細想想看 你能不能分辨 TypeScript 型別推論和註記的差別在哪裡呢? 試舉出推論的行為到底是什麼?如何運作的? Nullable...
設定Router Module 若我們的Router設定較為複雜時,可將Router配置為一個Router Module。首先,設定一個路由模組app-rout...
何謂依賴注入 什麼是依賴注入呢?可以參考這篇文章:理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...
在前兩天的文章中都有提到類別繼承(Class Interitance)的概念,使用的是extends關鍵字,今天會再深入探討並加上討論類別實踐(Class Im...
使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是一...
Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...
今天開始來探討如何使用 TS 結合 React 進行開發,要開發一個專案,最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...
Directive有分為結構型和屬性型的,這一篇要先介紹屬性型的Directive。本篇的範例請見:Attribute Directive example / ...
Angular modularity Angular有提供許多的功能,如FormsModule、HttpModule、RouterModule,都是NgModu...
閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 簡單陣列的型別推論機制為何? 混合陣列的型別推論機制為何? 如果有點不清楚答案的話,可以看看 Day1...
這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...
前言 如果沒有碰過其他物件導向語言的話,Interface 應該會顯得很陌生,筆者剛學的時候也不例外,但其實它使用起來真的是很強大,本篇會介紹 Interfac...
這個專案決定給自己高一點的標準,使用TypeScript+Eslint的Airbnb規範 TypeScript是什麼 TypeScript是將JavaScrip...
使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...
Q: 祈求程式不會有bug該拜什麼神?A: 拜雍正,專治八阿哥 // XDD 今天來講tsconfig.json,覺得新手這篇可以先 pass,大概知道有 t...
本文同步發佈於:Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...
本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令,CLI會為我們初...
閱讀本篇文章前,仔細想想看 大概可以解釋普通 JS 物件(也就是 JSON 格式,或筆者所謂的狹義物件)在 TypeScript 裡的推論機制。 知道筆者...