iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 18
ngrx/store 4 學習筆記 系列 第 18

技術 [ngrx/store-18] 網站實例 - 用 express 做後端

網站實例 - 用 express 做後端 後端開始 後端完成 我們同樣地將後端的程式放在 github,您可以一步一步 跟著做,或者直接用完成的部分。 安裝 e...

鐵人賽 Modern Web DAY 15

技術 [Angular Firebase 入門與實做] Day-14 Cloud Functions HTTP Triggers

每日一句來源:Daily English No matter what label is thrown you way, only you can defin...

鐵人賽 Modern Web DAY 15

技術 [功能介紹-8] Pipes

Pipes有那些? 常用的Pipes有DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipe,和PercentPip...

鐵人賽 Modern Web DAY 14

技術 [Angular Firebase 入門與實做] Day-13 Cloud Functions

每日一句來源:Daily English Luck is not chance, it's toil. Fortune's expensive smile i...

鐵人賽 Modern Web DAY 17
ngrx/store 4 學習筆記 系列 第 17

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

Angular 網站實例 - 使用者登入篇 今天開始 今天完成 今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.m...

鐵人賽 Modern Web DAY 14

技術 [功能介紹-7] Structural Directives

什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加,刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...

鐵人賽 Modern Web DAY 13

技術 [Angular Firebase 入門與實做] Day-12 functions 前言(聊天室)

每日一句來源:Daily English Those who are crazy enough to think they can change the wo...

鐵人賽 Modern Web DAY 16
ngrx/store 4 學習筆記 系列 第 16

技術 [ngrx/store-16] Angular 網站實例之 - 首頁篇

Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁,先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...

鐵人賽 Modern Web DAY 13

技術 [功能介紹-6] Attribute Directives

Directive有分為結構型和屬性型的,這一篇要先介紹屬性型的Directive。 本篇的範例請見:Attribute Directive example /...

鐵人賽 Modern Web DAY 12

技術 [Angular Firebase 入門與實做] Day-11 Storage 檔案處理 02

每日一句來源:Daily English The greatest glory in living lies not in never falling, bu...

鐵人賽 Modern Web DAY 15
ngrx/store 4 學習筆記 系列 第 15

技術 [ngrx/store-15] 投顧網站 - 設定篇

投顧網站 - 設定篇 今天開始 今天完成 您可以直接看今天完成的結果,或者用 git clone https://github.com/jerryhsieh/n...

鐵人賽 Modern Web DAY 12

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

鐵人賽 Modern Web DAY 11

技術 [Angular Firebase 入門與實做] Day-10 Storage 檔案處理

每日一句來源:Daily English Celebrate what you've accomplished, but raise the bar a li...

鐵人賽 Modern Web DAY 14
ngrx/store 4 學習筆記 系列 第 14

技術 [ngrx/store-14] 用 Angular 5  建立一個投顧網站 - 需求篇

用 Angular 5  建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來...

鐵人賽 Modern Web DAY 11

技術 [功能介紹-4] 組件間的溝通

本文同步發佈於:Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

鐵人賽 Modern Web DAY 10

技術 [Angular Firebase 入門與實做] Day-09 Authentication - 02 路由守衛

每日一句來源:Daily English You can't reach for anything new, if your hands are still...

鐵人賽 Modern Web DAY 13
ngrx/store 4 學習筆記 系列 第 13

技術 [ngrx/store-13] Store 加入 select

Store 加入 select 我們的 Store 內部大致完成,但是對於客戶 (Subscriber),我們還少了介面,在 ngrx/store 裡,給客戶的...

鐵人賽 Modern Web DAY 10

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元...

鐵人賽 Modern Web DAY 9

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

Never let the demands of tomorrow interfere with the pleasures and excitement o...

鐵人賽 Modern Web DAY 12
ngrx/store 4 學習筆記 系列 第 12

技術 [ngrx/store-12] Store 加完整的 Reducer

Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上,我們來看一下多個 Reducer 的例子 多個(multiple) Red...

鐵人賽 Modern Web DAY 9

技術 [功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...

鐵人賽 Modern Web DAY 8

技術 [Angular Firebase 入門與實做] Day-07 Cloud Firestore - Hosting

Life is a journey, not a destination. Hosting firebase有提供我們靜態檔案hosting的功能,讓我們的...

鐵人賽 Modern Web DAY 11
ngrx/store 4 學習筆記 系列 第 11

技術 [ngrx/store-11] Store 架構加入最簡單的 Reducer

Store 架構加入最簡單的 Reducer Reducer 是什麼? 如果對於 Observable 的 .reduce .scan 不熟的話,建議回頭看一下...

鐵人賽 Modern Web DAY 8

技術 [功能介紹-1] Angular架構

本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...

鐵人賽 Modern Web DAY 10
ngrx/store 4 學習筆記 系列 第 10

技術 [ngrx/store-10] Store 的大架構

Store 的大架構 繼續往下做整個 Store 之前,我們先來想一下整個 Store 的架構跟資料流 當元件 (component) 或是 Store 自己...

鐵人賽 Modern Web DAY 7

技術 [新手教程-7] 使用http來與API溝通

Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...

鐵人賽 Modern Web DAY 7

技術 [Angular Firebase 入門與實做] Day-06 Cloud Firestore - Querying Collections-2 offline-data

To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法,並...

鐵人賽 Modern Web DAY 9
ngrx/store 4 學習筆記 系列 第 9

技術 [ngrx-store-9] 用 Observable 來理解 Dispatcher 跟 Store

用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...

鐵人賽 Modern Web DAY 6

技術 [Angular Firebase 入門與實做] Day-05 Cloud Firestore - Querying Collections

The past can hurt. But from the way I see it, you can either run from it, or le...

鐵人賽 Modern Web DAY 6

技術 [新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼 在套用Routin...