iT邦幫忙

angular相關文章
共有 184 則文章
鐵人賽 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...

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

技術 [ngrx/store-8] Javascript Mutable 跟 Immutable 資料型態

Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...

鐵人賽 Modern Web DAY 5

技術 [新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載 本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CL...

鐵人賽 Modern Web DAY 4

技術 [Angular Firebase 入門與實做] Day-03 Realtime Database - 讀取(Read)-2、新增、修改、刪除

Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...

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

技術 [ngrx/store-7] 純函數 (Pure Function)

純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...

鐵人賽 Modern Web DAY 4

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

技術 財政部電子發票 API 測試工具

財政部電子發票 API 測試工具 這是我最近在串接財政部 API 時自己寫的測試工具,希望能讓大家在串接測試上更加方便。 歡迎 PR 財政部的 API 清單...

鐵人賽 Modern Web DAY 3

技術 [Angular Firebase 入門與實做] Day-02 Realtime Database - 讀取(Read)-1

讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...

鐵人賽 Modern Web DAY 3

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG 延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/her...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 2

技術 [新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes 用這個指令,CLI會為我...

鐵人賽 Modern Web DAY 1

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

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