前言 Angular 2 中 Components 之間的關係示意層一層的,就長得向下面這張圖。每個格子就是一個組件,資訊向下傳遞很容易,而為了維護資料傳遞的單...
Introduction We can use Angular2 Animations to make some animations like fading...
Introduction We will update our Component-Outlet directive and make it support...
前言 Angular 2.3 最近發布,而最有特色的部分莫過於組件繼承 (Component Inheritance) 的部分了。如同類別可以繼承一般,組件繼承...
題外話 看到一段我很認同的話: 應該由「新手」來教「超級新手」,為什麼?因為那些新手可能一個禮拜前跟你一樣卡在迴圈,不知道迴圈到底可以做什麼,但是這禮拜他就領...
Introduction In this article, we will continue learning ComponentFactoryResolve...
接續 Angular 2 Module ( 1 ) Feature Module Angular 一定會有一個 root module,但你也可以有 featu...
Introduction Since Angular2 doesn't have $compile equivalent, we could use Comp...
前言 在 Angular 2 中,一個 Module ( 模組 ) 是一個把彼此互相關聯的 components、directives、pipes 和 ser...
Introduction We will complete the authentication part with Firebase. Environmen...
前言 嵌入式設計就是將 B 的內容嵌入進去 A ,A 文件中預留一個空間就是留給 B 放東西用的。大概就長這樣:好處跟模板類似,可以在做設計時有更明確的邏輯,有...
Introduction We will integrate Firebase database service in this article with a...
前言 前一篇已經說過為甚麼多語言的網站很重要,也示範了如何達到多語言的效果。但是,我們對於語言翻譯的需求還有很多,例如我如果想要讓一串句子每次搭配不同的變數怎麼...
前言 一個小網站,客群可能很單一,在台灣也許只要網站只要有中文就好了。可是隨著服務擴大,客群也跟著變大,可能產品進軍亞洲,甚至拓展到全球,這時候至少會提供英文介...
Introduction The article will show how to use ngFor, ngModel and enum to create...
前言 網站有了一堆的元素、動畫、圖片、文字,可能看起來很炫很厲害,但是這樣就只能是靜態的網站,想要實現購物車、會員機制、留言板、討論區、投票區、訊息發佈、商品發...
Introduction In this article, we will use sub-routing to implement the componen...
Introduction So far we had created components with template or template url. No...
前言 動畫在現代網頁中無所不在。好的使用者介面,裡面的動畫應該要看起來很平順自然,必要而不花俏,這樣才能帶給使用者最佳的體驗,並且在某些重要的地方讓使用者注意到...
Introduction We will continue completing the front-end of Day 10 - Web api and...
前言 瀏覽器是一個最熟悉的導向模型應用了,輸入一個 URL 地址後瀏覽器導引至相應 URL 頁面,點擊網頁上的連結接導至另一個新的頁面,瀏覽器的「前一頁」或「後...
Introduction Before we go farther, I want to talk about the logging and use t...
前言 Lazy loading 是指從一個資料物件通過方法獲得裡面的一個屬性物件時,這個對應物件實際並沒有隨其父資料物件建立時一起儲存在執行空間中,而是在其讀...
前言 每一個應用程式都是一些非常簡單的任務開始:獲取數據、轉換數據,並把它們顯示給用戶。 我們有想要呈現的數據,但可能樣子很醜,造成用戶體驗很差,或著不是我們要...
Introduction In this article, we will learn how to create custom pipe. Environm...
Angular 框架仰賴著 HTML 5 強大的功能,本身已經包括雙向綁定、變化跟踪、驗證、錯誤處理等功能。可以處理: Component 和 Templat...
Introduction We will try creating the sub component and connect the information...
先前在說明 Angular 2 的架構時有約略提到數據綁定的方式,接著就讓我們學學如何寫模板 (template) ,如何顯示數據和事件綁定。那為甚麼要學模板的...
Introduction We will start building the routing with angular2 router. Environm...
前言 注入依賴 (Dependency injection, DI) 是 Angular 最大的特色和賣點。他是一種非常重要的設計模式。他讓不同的 Compon...