iT邦幫忙

angular2相關文章
共有 85 則文章
鐵人賽 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 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 12

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

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

鐵人賽 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 11

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

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

鐵人賽 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 8

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

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

鐵人賽 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 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 和 Templa...

鐵人賽 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...

鐵人賽 Modern Web DAY 5

技術 [ASP.NET Core X Angular2] NOT A Hello world

Before you read From Day 5, I will start integrate Angular2 into ASP.NET Core...

鐵人賽 Modern Web DAY 3

技術 [Day 03] 當個好的建築師之 Angular 2 架構

Angular 2 架構 Angular 2 主要的元素是 Components。 Angular 2 的主要架構就是一堆的 Components。不過當然,組...

鐵人賽 Modern Web DAY 1

達標好文 技術 [Day 01] Angular 2 簡介

前言 我目前仍在就學,每周也固定花一些時間去公司實習,而且也是近期的事。當初面試的時候是以前端、後端都可以的身分去,展示了幾件作品之後公司也決定聘僱我,公司最...