iT邦幫忙

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

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

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

鐵人賽 Modern Web DAY 24
Angular 大師之路 系列 第 24

技術 [Angular 大師之路] Day 24 - 效能調校之認識 NgZone

許多 Angular 開發人員對於 NgZone 這個詞應該都不太陌生,尤其是在早期 Angular 剛推出時,只要發生錯誤,就會在 F12 開發人員工具看到一...

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

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

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

鐵人賽 Modern Web DAY 20
Angular 深入淺出三十天 系列 第 20

技術 [Angular 深入淺出三十天] Day 19 - 路由(二)

昨天我們完成了上圖的路由設定與換頁效果,所以 Angular 的路由機制到底做了什麼呢? 還記得我們昨天有在 app-routing.module.ts 做了...

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

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (U...

鐵人賽 Modern Web DAY 17
Angular 大師之路 系列 第 17

技術 [Angular 大師之路] Day 17 - 使用 HTTP_INTERCEPTORS 攔截 Http Request

在開發 Angular 應用程式時,HTTP 請求絕對可以說是最常使用的功能之一,而在一般的應用情境上,我們很常會需要針對請求再做額外的包裝,或統一的管理,這時...

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

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

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

鐵人賽 Software Development DAY 2

技術 Day 2 - Angular Cli建一個專案

那我們就直接開始建立一個專案 進入https://cli.angular.io/ 一進去有個圖片開宗明義,照著下 //先透過npm安裝好angular cli...

鐵人賽 Modern Web DAY 28
Angular 深入淺出三十天 系列 第 28

技術 [Angular 深入淺出三十天] Day 27 - Angular 小學堂(四之一)

這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時,由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...

鐵人賽 Modern Web DAY 26

技術 [Angular Firebase 入門與實做] Day-25 搜尋引擎優化SEO Rendertron

每日一句來源:Daily English Goals are not only absolutely necessary to motivate us. Th...

鐵人賽 Modern Web DAY 24

技術 [技術支援-2] 讓IDE支援Angular Language Service

語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定...

鐵人賽 Modern Web DAY 21
Angular 深入淺出三十天 系列 第 21

技術 [Angular 深入淺出三十天] Day 20 - 路由(三)

「原來 Angular 的路由是這樣設定的,比我想像中簡單耶!」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的,不過目前只有第一層而已。在實務上應用時一...

鐵人賽 Modern Web DAY 26
Angular 深入淺出三十天 系列 第 26

技術 [Angular 深入淺出三十天] Day 25 - 路由總結(一)

我覺得路由是 Angular 裡很重要的一部分,也是一個初學者比較不容易理解的部分,所以希望透過這七天的小小練習,會讓大家對路由有個初步的認識。 不過分了七天講...

鐵人賽 Modern Web DAY 24
Angular 深入淺出三十天 系列 第 24

技術 [Angular 深入淺出三十天] Day 23 - 路由(六)

繼延遲載入之後,今天要分享的也是個非常實用的功能-路由守門員。 大家應該都知道守門員吧?如果不知道的話...警衛總知道了吧?! 顧名思義,這個功能可以幫我們把關...

鐵人賽 Modern Web DAY 25
Angular 大師之路 系列 第 25

技術 [Angular 大師之路] Day 25 - 效能調校之認識 ChangeDetectorRef

昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機,今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 -...

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

技術 [ngrx/store-26] ngrx/store 之會員篇 Effects, Selector

ngrx/store 之會員篇 Effects, Selector 今天開始 今天完成 今天目標:完成會員部分的 ngrx/store 複習一下我們的目標...

鐵人賽 Modern Web DAY 7
Angular 大師之路 系列 第 7

技術 [Angular 大師之路] Day 07 - 一個簡易實踐 two way binding 的方法

在 Angular 中,通常我們會使用 [(ngModel)] 來實現 two way binding,這樣做基本上沒有什麼問題,但 ngModel 只能 bi...

鐵人賽 Modern Web DAY 18

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

每日一句來源:Daily English A pessimist sees the difficulty in every opportunity; an o...

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

技術 [ngrx/store-25] ngrx/store 設定篇及會員篇之 Action, Reducer

ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步:安裝相關套件 npm inst...

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

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

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

鐵人賽 Modern Web DAY 22
Angular 深入淺出三十天 系列 第 22

技術 [Angular 深入淺出三十天] Day 21 - 路由(四)

到目前為止,我們都是只有用 Component 來設定我們的路由。但在實際應用上,通常我們會將相關的功能包裝成一個一個的 NgModule ,而每個 NgMod...

鐵人賽 Modern Web DAY 26
Angular 大師之路 系列 第 26

技術 [Angular 大師之路] Day 26 - 認識元件的變更偵測策略

title: "[Angular 大師之路] 認識元件的變更偵測策略" date: 2018-11-10 09:58:47 tags: -...

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

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

Angular 網站實例 - 會員篇之後端 後端開始 後端完成 今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http re...

鐵人賽 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 25
Angular 深入淺出三十天 系列 第 25

技術 [Angular 深入淺出三十天] Day 24 - 路由(七)

相信大家都用使用過 Facebook 吧? 當我們想在 Facebook 發文或留言的時候,如果不小心按到上一頁/下一頁,抑或是沒有取消發文或留言的狀態就想離開...

鐵人賽 Modern Web DAY 23
Angular 深入淺出三十天 系列 第 23

技術 [Angular 深入淺出三十天] Day 22 - 路由(五)

Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明(一) 有提到過這句話嗎? 我一直覺得這句話是在使用 Angular 開發時,很重要的...

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

技術 [ngrx/store-21] Angular 網站實例 - 記得我之二篇

Angular 網站實例 - 記得我之二篇 今天開始 今天完成 後端開始 後端完成 前面完成了讓前端記住我的功能,但在實作的過程中,我們要的可能不只是登入狀態,...

鐵人賽 Modern Web DAY 27
Angular 大師之路 系列 第 27

技術 [Angular 大師之路] Day 27 - 認識 AsyncPipe (1) - 基本使用技巧

在撰寫前端程式時,我們很難避免會遇到非同步的程式處理,在大量使用 RxJS 的 Angular 中更是如此,而今天我們要介紹的 AsyncPipe 在樣板上要處...

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

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

鐵人賽 Modern Web DAY 9
Angular 大師之路 系列 第 9

技術 [Angular 大師之路] Day 09 - exportAs - 取得 directive 實體的方法

Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式,叫做 directive,透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或...