iT邦幫忙

angular相關文章
共有 184 則文章
鐵人賽 Modern Web DAY 9

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

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

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

技術 [Angular 大師之路] Day 04 - 認識 Angular 的生命週期

在設計 Angular 元件(component)時,可以在程式中針對 Angular 在運作程式時放入不同的 hooks(我們通常稱為 lifecycle h...

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

技術 [Angular 深入淺出三十天] Day 10 - Angular CLI 常用指令說明(一)

「欸,Leo!滿好玩的耶!!雖然留言板功能很陽春,但寫起來的感覺也很簡單,不像以前寫 jQuery 的時候要寫一堆操作 DOM 的程式碼,然後弄到自己頭昏眼花的...

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

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

「哈~~~~」Wayne 打了一個好大的呵欠。 「喂喂喂!打起精神來阿你!有這麼無聊嗎?!」我用手臂推了 Wayne 一下,無奈他實在是太魁武了,連晃都沒晃一下...

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

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

昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了,接下來為了方便大家練習,我們直接從 TodoMVC 的...

鐵人賽 Modern Web DAY 25

技術 [技術支援-3] Service worker離線支援

關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...

鐵人賽 Modern Web DAY 14

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

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

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

技術 [Angular 大師之路] Day 06 - 模組化的基本觀念

昨天我們簡單介紹了一個模組中的 @NgModule 應該要放些什麼資料,今天我們來理解一下實務上開發 Angular 應用程式時,常見的一些模組化的方式。 類型...

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

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

回顧一下我們目前完成的效果: 完成了新增待辦事項的功能之後,接下來當然是要來能夠註記是否已完成該項待辦事項囉!如果你有操作的話其實會發現,目前清單前面的 Ch...

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

技術 [Angular 大師之路] Day 13 - 認識 ng-container

今天我們來聊聊在 Angular 上一個有趣又方便,也是個人非常喜歡使用的語法 - <ng-container> 類型:技巧 難度:3 顆星 實用...

鐵人賽 Modern Web DAY 8

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

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

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

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

昨天我們把落單的 UI 元件跟其模組關聯完之後,今天接著要來設定路由的部份! 開始設定路由前,可以先看看我們準備好的路徑定義檔 - app-path.const...

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

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

好的,我們今天要開始套版了!! 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載,容我先小小地說明一下: 點擊 GitHu...

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

技術 [Angular 大師之路] Day 16 - 自己的樣板語法自己做 (Structural Directives)

前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ,這種會改變 DOM 結構的語法,像是 *ngIf...

鐵人賽 Modern Web DAY 28

技術 [技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

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

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

上圖是我們目前的進度,已完成了待辦事項的新增、刪除與狀態變更的功能。 CRUD (Create、Read、Update、Delete) 目前只剩下 U 還沒完...

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

技術 [Angular 大師之路] Day 30 - 在 Angular 中應用 RxJS 的 operators (2) - 進階應用

昨天我們講了幾個常用 RxJS operators,今天再來看看一些其他在 Angular 常見的應用吧! 類型:技巧 難度:5 顆星 實用度:5 顆星 deb...

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

技術 [Angular 大師之路] Day 29 - 在 Angular 中應用 RxJS 的 operators (1) - 基礎篇

在前兩天介紹 AsyncPipe 時,我們不難發現當進入 RxJS 思維時,搭配 AsyncPipe 可以帶來非常多的好處!雖然透過這種不使用 subscrib...

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

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

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

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

技術 [Angular 大師之路] Day 11 - *ngIf 有 else 可以用嗎?

我們都知道,在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現,但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...

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

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

「Leo,我一直有個問題想問你。」Wayne 神秘兮兮的說。 「什麼問題?」看他這麼神秘兮兮的我也緊張了起來。 「既然是 SPA ,就代表整個 Web 從頭到尾...

鐵人賽 Modern Web DAY 21

技術 [Angular Firebase 入門與實做] Day-20 Cloud Functions Authentication Triggers 寄信給使用者

每日一句來源:Daily English A great secret of success is to go through life as a man w...

鐵人賽 Modern Web DAY 15

技術 [功能介紹-8] Pipes

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

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

技術 [Angular 深入淺出三十天] Day 17 - 基礎結構說明(四)

「Yes!終於完成了!!」Wayne 做完 Todo List 之後開心地舉起雙手大聲歡呼。 「如何?寫 Angular 很好玩吧?!」我笑著說。 「好玩好玩!...

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

技術 [ngrx/store-28] ngrx/store 之路由篇

ngrx/store 之路由篇 今天開始 今天完成 今天的目標:將路由狀態加入 store 基本上這個部份大都是標準程式碼 (boilerplate),也就...

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

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

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

鐵人賽 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 30
ngrx/store 4 學習筆記 系列 第 30

技術 [ngrx/store-30] ngrx/store 完成篇

ngrx/store 完成篇 今天開始 今天完成   今天目標:完成會員報告 前次已經將會員報告 store 的部分完成,接下來我們來修改跟報告有關的元...