iT邦幫忙

angular2相關文章
共有 123 則文章
鐵人賽 Modern Web DAY 19

技術 [Day 19] Angular 2 Input(s) & Output(s) 傻傻分不清

前言 Angular 2 中 Components 之間的關係示意層一層的,就長得向下面這張圖。每個格子就是一個組件,資訊向下傳遞很容易,而為了維護資料傳遞的單...

鐵人賽 Modern Web DAY 20

技術 [Angular2] Animations (Sliding/Flying samples)

Introduction We can use Angular2 Animations to make some animations like fading...

鐵人賽 Modern Web DAY 19

技術 [Angular2] Dynamically load Component (2)

Introduction We will update our Component-Outlet directive and make it support...

鐵人賽 Modern Web DAY 18

技術 [Day 18] Angular 2 組件繼承 ( Component Inheritance )

前言 Angular 2.3 最近發布,而最有特色的部分莫過於組件繼承 (Component Inheritance) 的部分了。如同類別可以繼承一般,組件繼承...

鐵人賽 Modern Web DAY 17

技術 [Day 17] Angular 2 替 Component 加上 CSS 的所有招數

題外話 看到一段我很認同的話: 應該由「新手」來教「超級新手」,為什麼?因為那些新手可能一個禮拜前跟你一樣卡在迴圈,不知道迴圈到底可以做什麼,但是這禮拜他就領...

鐵人賽 Modern Web DAY 18

技術 [Angular2] Dynamically load Component (1)

Introduction In this article, we will continue learning ComponentFactoryResolve...

鐵人賽 Modern Web DAY 16

技術 [Day 16] Angular 2 Module ( 2 )

接續 Angular 2 Module ( 1 ) Feature Module Angular 一定會有一個 root module,但你也可以有 featu...

鐵人賽 Modern Web DAY 17

技術 [Angular2] BlockUI by ComponentFactoryResolver

Introduction Since Angular2 doesn't have $compile equivalent, we could use Comp...

鐵人賽 Modern Web DAY 15

技術 [Day 15] Angular 2 Module ( 1 )

前言 在 Angular 2 中,一個 Module ( 模組 ) 是一個把彼此互相關聯的 components、directives、pipes 和 ser...

鐵人賽 Modern Web DAY 16

技術 [Angular2] Firebase integration (2)

Introduction We will complete the authentication part with Firebase. Environmen...

鐵人賽 Modern Web DAY 14

技術 [Day 14] Angular 2 + <ng-content> 嵌入式設計靈活組織 HTML

前言 嵌入式設計就是將 B 的內容嵌入進去 A ,A 文件中預留一個空間就是留給 B 放東西用的。大概就長這樣:好處跟模板類似,可以在做設計時有更明確的邏輯,有...

鐵人賽 Modern Web DAY 15

技術 [Angular2] Firebase integration (1)

Introduction We will integrate Firebase database service in this article with a...

鐵人賽 Modern Web DAY 13

技術 [Day 13] Angular 2 多語言 ( 2 )

前言 前一篇已經說過為甚麼多語言的網站很重要,也示範了如何達到多語言的效果。但是,我們對於語言翻譯的需求還有很多,例如我如果想要讓一串句子每次搭配不同的變數怎麼...

鐵人賽 Modern Web DAY 12

技術 [Day 12] Angular 2 多語言 ( 1 )

前言 一個小網站,客群可能很單一,在台灣也許只要網站只要有中文就好了。可是隨著服務擴大,客群也跟著變大,可能產品進軍亞洲,甚至拓展到全球,這時候至少會提供英文介...

鐵人賽 Modern Web DAY 14

技術 [Angular2] dropdown list with ngFor and enum

Introduction The article will show how to use ngFor, ngModel and enum to create...

鐵人賽 Modern Web DAY 11

技術 [Day 11] Angular 2 HTTP 方法--讓我 Call API

前言 網站有了一堆的元素、動畫、圖片、文字,可能看起來很炫很厲害,但是這樣就只能是靜態的網站,想要實現購物車、會員機制、留言板、討論區、投票區、訊息發佈、商品發...

鐵人賽 Modern Web DAY 13

技術 [ASP.NET Core X Angular2] Sub-routing

Introduction In this article, we will use sub-routing to implement the componen...

鐵人賽 Modern Web DAY 12

技術 [ASP.NET Core X Angular2] Render MVC view in ng2 component

Introduction So far we had created components with template or template url. No...

鐵人賽 Modern Web DAY 10

技術 [Day 10] Angular 2 動畫 (ANIMATIONS)

前言 動畫在現代網頁中無所不在。好的使用者介面,裡面的動畫應該要看起來很平順自然,必要而不花俏,這樣才能帶給使用者最佳的體驗,並且在某些重要的地方讓使用者注意到...

鐵人賽 Modern Web DAY 11

技術 [ASP.NET Core X Angular2] Web api and Http Module (2)

Introduction We will continue completing the front-end of Day 10 - Web api and...

鐵人賽 Modern Web DAY 9

技術 [Day 09] Angular 2 路由

前言 瀏覽器是一個最熟悉的導向模型應用了,輸入一個 URL 地址後瀏覽器導引至相應 URL 頁面,點擊網頁上的連結接導至另一個新的頁面,瀏覽器的「前一頁」或「後...

鐵人賽 Modern Web DAY 9

技術 [ASP.NET Core X Angular2] NLog and jsnlog

Introduction Before we go farther, I want to talk about the logging and use t...

鐵人賽 Modern Web DAY 8

技術 [Day 08] Angular 2 Lazy Loading 別讓載入速度拖垮你!

前言 Lazy loading 是指從一個資料物件通過方法獲得裡面的一個屬性物件時,這個對應物件實際並沒有隨其父資料物件建立時一起儲存在執行空間中,而是在其讀...

鐵人賽 Modern Web DAY 7

技術 [Day 07] Angular 2 PIPES(通道)

前言 每一個應用程式都是一些非常簡單的任務開始:獲取數據、轉換數據,並把它們顯示給用戶。 我們有想要呈現的數據,但可能樣子很醜,造成用戶體驗很差,或著不是我們要...

鐵人賽 Modern Web DAY 8

技術 [ASP.NET Core X Angular2] Pipes

Introduction In this article, we will learn how to create custom pipe. Environm...

鐵人賽 Modern Web DAY 6

技術 [Day 06] Angular 2 表單

Angular 框架仰賴著 HTML 5 強大的功能,本身已經包括雙向綁定、變化跟踪、驗證、錯誤處理等功能。可以處理: Component 和 Templat...

鐵人賽 Modern Web DAY 7

技術 [Angular2] Sub component (input & emit)

Introduction We will try creating the sub component and connect the information...

鐵人賽 Modern Web DAY 5

技術 [Day 05] Angular2 模板與綁定--互動的根本

先前在說明 Angular 2 的架構時有約略提到數據綁定的方式,接著就讓我們學學如何寫模板 (template) ,如何顯示數據和事件綁定。那為甚麼要學模板的...

鐵人賽 Modern Web DAY 6

技術 [ASP.NET Core X Angular2] SPA Routing

Introduction We will start building the routing with angular2 router. Environm...

鐵人賽 Modern Web DAY 4

技術 [Day 04] Dependency Injection In Angular 2

前言 注入依賴 (Dependency injection, DI) 是 Angular 最大的特色和賣點。他是一種非常重要的設計模式。他讓不同的 Compon...