iT邦幫忙

angular2相關文章
共有 85 則文章
鐵人賽 Modern Web DAY 2

技術 [Angular Firebase 入門與實做] Day-01 開發環境建立與初始化

Progress is impossible without change, and those who cannot chanage their minds...

鐵人賽 Modern Web DAY 1

技術 [Angular Firebase 入門與實做] Day-00

Smile and let everyone know that today you're a lot stronger than you were yest...

鐵人賽 Modern Web DAY 1

技術 與零經驗者的白話對談 - Day(00) 關於這系列

「白話對談」 希望能以對談般清楚簡單地言語解釋繁瑣的概念與名詞, 並且能讓你從這30天的對談中感到點趣味。 前言 一個人從零開始,一點點地從無開始寫出一個...

技術 如何在 Angular 4 中加入 jQuery

前言 jQuery 幾乎是必要的 module 了,不管是想用 Bootstrap 或是使用一些 jQuery 開發出的套件,一定都必須先引入 jQuery。...

鐵人賽 Modern Web DAY 31

達標好文 技術 [Day 31] Angular 2 給初學者的學習指南

前言 一個月前,我開始了一份前端工程師的工讀,那時候的我做過幾個專案,但沒使用過 Anuglar 2,而公司規定前端以 Angular 2 開發,於是我便開始探...

鐵人賽 Modern Web DAY 30

技術 [Day 30] Angular 2 單元測試 Unit Test

前言 當我們把程式寫完之後,通常會需要做測試,可能就是跑跑看看東西有沒有出來、符合預期,或著印出內容或是 log 下來。每次都要手動測試很麻煩,有時候也會有死角...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Angular 2 @Directive

前言 Directive (指令) 在 Angular 可以指很多種情形,這邊我專門討論 @Directive。@Directive 通常用在屬性指令的綁定上,...

鐵人賽 Modern Web DAY 30

技術 [Angular2] Deploy to Firebase (n' See ya !)

Introduction Let’s learn how to deploy our Angular2 website to Firebase hosing...

鐵人賽 Modern Web DAY 30

技術 [Angular2] Deploy to Github-pages

Introduction Github Pages is a quick and popular website hosting service for t...

鐵人賽 Modern Web DAY 28

技術 [Day 28] Angular 2 製作 tab 元件

前言 tab 就是可以分頁的標籤 如果有用 Bootstrap,那要用 tab 就會很簡單。 <ul class="nav nav-tabs&...

鐵人賽 Modern Web DAY 29

技術 [ASP.NET Core X Angular2] Server side rendering for SEO

Introduction We take great advantage of better UX and performance in SPA (Sing...

鐵人賽 Modern Web DAY 27

技術 [Day 27] Angular 2 裝飾器 @ViewChild

前言 連續發了 20 幾天的文,能講的也都講了,邁向神乎其技之路只剩下掌握小地方了吧! 之前介紹過 <ng-content> 跟 ContentCh...

鐵人賽 Modern Web DAY 28

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (2)

Introduction In the previous practice, we had successfully created an Angular2...

鐵人賽 Modern Web DAY 26

技術 [Day 26] Angular 2 裝飾器 @ContentChild

前言 之前在這篇介紹過 <ng-content> 可以達成嵌入式設計,但是透過這種方法只能做到模板的部分,也就是在 A 模板中嵌入 B 模板,要是想...

鐵人賽 Modern Web DAY 27

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (1)

Introduction I will use ngrx/store to implement a shopping cart example from m...

鐵人賽 Modern Web DAY 26

技術 [Angular2] Redux with ngrx/store - Intro

Introduction ngrx/store is a state management container and powers Redux for A...

鐵人賽 Modern Web DAY 24

技術 [Day 24] Angular 2 + Ionic = Mobile App ( 4 ) 發布 App

前言 我們在電腦上用 ionic serve 測試好我們的 App 之後,最後仍然需要拿到實際裝置上測試,不僅是因為到時候本來就是要給手機使用的,並且很多的 N...

鐵人賽 Modern Web DAY 23

技術 [Day 23] Angular 2 + Ionic = Mobile App ( 3 ) 實作 Todo List

建立專案 上回我們已經說明如何建立一個專案,而這次我們用經典的 Todo List (備忘錄) 來做說明 ionic start TODOApp blank -...

鐵人賽 Modern Web DAY 22

技術 [Day 22] Angular 2 + Ionic = Mobile App ( 2 ) 建構

上一篇已經介紹 Ionic 搭配 Angular 2 是甚麼了,接下來就來介紹如何建構一個 App。 安裝 首先要確定 Node.js 有安裝 接者安裝 Cor...

鐵人賽 Modern Web DAY 21

技術 [Day 21] Angular 2 + Ionic = Mobile App ( 1 ) 介紹

前言 我是一個前端 (也許全端) 工程師,好不容易學會寫 Angular 2 了耶,但難道我就一輩子只能寫網站嗎?QQ 如果想要寫手機的 App,還要再去學 J...

鐵人賽 Modern Web DAY 20

技術 [Day 20] Angular 2 組件相關的路徑

組件裡的 URLs 絕對路徑 組件常常會要使用外部模板跟風格的檔案,我們在 templateUrl 和 styleUrls 特性中用 URL 定義這些檔案,就像...

鐵人賽 Modern Web DAY 21

技術 [Angular2] ng2-Fullpage : Repeat data

(Picture from https://github.com/meiblorn/ng2-fullpage) Introduction ng2-fullp...

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

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

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

鐵人賽 Modern Web DAY 19

技術 [Angular2] Dynamically load Component (2)

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

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