iT邦幫忙

angular相關文章
共有 356 則文章
鐵人賽 Modern Web DAY 4

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

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

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

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

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

鐵人賽 Modern Web DAY 14

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

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

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

鐵人賽 Software Development DAY 2

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

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

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

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

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

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

技術 [Angular 大師之路] Day 08 - 自訂表單控制項

昨天我們介紹了一個簡單的方法來實作 two way binding,這種方法在很多情境都非常好用,不過他還是有一些小問題,有些我們會需要在表單中使用自己設計的元...

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

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

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

鐵人賽 Modern Web DAY 1

達標好文 技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day00 - 前言

你經常覺得時間不夠用嗎?你經常研讀或學習如何管理自己的時間嗎?你經常每天工作超過八個小時嗎? 在這個世界最公平的是,每個人每天都只有二十四個小時,也正因為如此,...

鐵人賽 Modern Web DAY 15

技術 [功能介紹-8] Pipes

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

鐵人賽 Modern Web DAY 25

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

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

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

技術 [Angular 大師之路] Day 18 - 使用 ErrorHandler 集中處理錯誤

今天我們來看看,如何集中管理所有的錯誤訊息。 類型:技巧 難度:3 顆星 實用度:3 顆星 在撰寫程式時,我們很難避免完全不發生任何錯誤,總是會有未預期錯誤發...

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

技術 [Angular 大師之路] Day 14 - 動態載入元件 (簡易版)

在設計 Angular 程式時,我們很習慣的會將各種不同目標或功能的畫面拆成不同的元件,這麼一來每個元件的程式就會相對比較簡單,管理上也會更加容易,不過當樣板上...

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

技術 [Angular 大師之路] Day 23 - 認識 InjectionToken

title: "[Angular 大師之路] 認識 InjectionToken" date: 2018-11-07 22:24:16 c...

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

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

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

鐵人賽 Modern Web DAY 8

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

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

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

技術 [Angular 大師之路] Day 15 - 動態載入元件 (複雜版)

昨天我們介紹了使用 *ngComponentOutlet 的方法來動態產生元件,其實它是一個使用 ViewContainerRef 來顯示不同內容的行為,因此我...

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

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

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

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

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

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

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

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

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

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

技術 [Angular 大師之路] Day 28 - 認識 AsyncPipe (2) - 進階技巧

今天我們來認識一下兩個重要的 AsyncPipe 特性,可以幫助我們在使用 AsyncPipe 時更有信心,打造出更高效能的程式! 類型:觀念/技巧 難度:5...

鐵人賽 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 4
Angular 8 從推坑到放棄 系列 第 4

技術 [Day 03] 終於要開始寫 Angular了

什麼是 Angular Anuglar 是一個 Javasciprt 框架 可以讓你建立一個 可互動的 單頁應用(SPA)。 那什麼是 SPA 呢? 什麼是 S...

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

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

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

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

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

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

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

鐵人賽 Software Development DAY 3

技術 Day 3 AngularTri專案架構配置-component & service & routing

今天想講一下利用cli建置好一個空的Angular專案後,我覺得應該要有怎麼樣的配置,配置好再寫程式也不遲阿~ 為什麼是Angular"Tri&quo...

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

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

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