系列文章
[Day 21] Angular 2 + Ionic = Mobile App ( 1 ) 介紹
前言 我是一個前端 (也許全端) 工程師，好不容易學會寫 Angular 2 了耶，但難道我就一輩子只能寫網站嗎？QQ 如果想要寫手機的 App，還要再去學 J...
[Day 22] Angular 2 + Ionic = Mobile App ( 2 ) 建構
上一篇已經介紹 Ionic 搭配 Angular 2 是甚麼了，接下來就來介紹如何建構一個 App。 安裝 首先要確定 Node.js 有安裝 接者安裝 Cor...
[Day 23] Angular 2 + Ionic = Mobile App ( 3 ) 實作 Todo List
建立專案 上回我們已經說明如何建立一個專案，而這次我們用經典的 Todo List (備忘錄) 來做說明 ionic start TODOApp blank -...
[Day 24] Angular 2 + Ionic = Mobile App ( 4 ) 發布 App
前言 我們在電腦上用 ionic serve 測試好我們的 App 之後，最後仍然需要拿到實際裝置上測試，不僅是因為到時候本來就是要給手機使用的，並且很多的 N...
[Day 25] Angular 2 事先編譯 Ahead-of-Time (AoT)
前言 Angular 2 雖然是一套強大框架，但最後輸出仍然為 html、js、css 檔案，js 本身是即時編譯 (Just-in-Time, JiT)，瀏覽...
[Day 26] Angular 2 裝飾器 @ContentChild
前言 之前在這篇介紹過 <ng-content> 可以達成嵌入式設計，但是透過這種方法只能做到模板的部分，也就是在 A 模板中嵌入 B 模板，要是想...
[Day 27] Angular 2 裝飾器 @ViewChild
前言 連續發了 20 幾天的文，能講的也都講了，邁向神乎其技之路只剩下掌握小地方了吧！之前介紹過 <ng-content> 跟 ContentChi...
[Day 28] Angular 2 製作 tab 元件
前言 tab 就是可以分頁的標籤 如果有用 Bootstrap，那要用 tab 就會很簡單。 <ul class="nav nav-tabs&q...
[Day 29] Angular 2 @Directive
前言 Directive (指令) 在 Angular 可以指很多種情形，這邊我專門討論 @Directive。@Directive 通常用在屬性指令的綁定上，...
[Day 30] Angular 2 單元測試 Unit Test
前言 當我們把程式寫完之後，通常會需要做測試，可能就是跑跑看看東西有沒有出來、符合預期，或著印出內容或是 log 下來。每次都要手動測試很麻煩，有時候也會有死角...