iT邦幫忙

angular相關文章
共有 687 則文章
鐵人賽 Software Development DAY 3

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

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

鐵人賽 Modern Web DAY 11
Angular 8 從推坑到放棄 系列 第 11

技術 [Day 10] Angular Debug 技巧

了解 Angular Debug 訊息 以上的 範例 Code 因為沒有實際執行所以 Typescript 是當下找不到錯誤的,要執行過 onAddServer...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18:將你的 Angular 更新到最新版!

今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 28

技術 [Angular Firebase 入門與實做] Day-27 [實做] 使用者登入狀態

每日一句來源:Daily English The only limit to our realization of tomorrow will be our...

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

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

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

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

技術 [Angular 大師之路] Day 19 - 使用 APP_INITIALIZER 在程式運行早期處理資料

在開發一個應用程式時,我們常常需要在程式正常運作前,進行一些初始化的動作,在 Angular 中則是提供了一個 APP_INITIALIZER 設定,讓我們可以...

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

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

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

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

技術 [Angular 大師之路] Day 10 - 樣板語法中的冷知識 - $any

Angular 提供針對 HTML 樣板的處理,提供了很多不同的語法,今天要講一個很少看到有人使用的語法 - $any 類型:技巧 難度:3 顆星 實用度:3...

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

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

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

鐵人賽 Modern Web DAY 17

技術 Angular 深入淺出三十天:表單與測試 Day17 - E2E 自動化測試工具簡介

在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代, E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 4

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

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

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

技術 Angular:在元件之間傳遞資料的4種方式

1. 父元件至子元件: @Input 子元件內的@Input裝飾器定義屬性,父元件再透過屬性繫結(Property Binding)將資料傳遞給子元件。Chil...

鐵人賽 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 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 29
用Angular打造完整後台 系列 第 29

技術 day29 Protocol Buffers 與 gRPC Web (一)

簡述 隨著微服務的趨勢,一個系統裡是有多個服務組成,而且每個服務之間都要互相通訊,所以現在開始有一陣風吹向了gRPC。 gRPC最麻吉的資料格式是Protoco...

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

技術 [Angular 大師之路] Day 20 - 在 @NgModule 的 providers: [] 自由更換注入內容 (1)

相依注入是一般物件導向程式設計的一個大重點,相依注入用得越好程式彈性就越高,而 Angular 本身架構就包含了非常強大的相依注入功能,讓我們自由切換想要注入的...

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

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

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

鐵人賽 Modern Web DAY 4

技術 DAY4 - 認識Nx

在上一篇,建立起一個Angular+Nestjs的Nx專案,那麼這一篇就要來好好介紹什麼是Nx。 安裝Nx擴充套件 在認識Nx之前,建議安裝Nx官方的vs co...

鐵人賽 Modern Web DAY 27
Angular 8 從推坑到放棄 系列 第 27

技術 [Day26] 使用ngrx in Angular(3)

接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...

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

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

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

鐵人賽 Modern Web DAY 7

技術 [DAY-7] Angular的事件綁定介紹與應用

在前幾邊介紹到插值法、ngFor、ngIf、ngSwitch等等方法,最主要都是顯示資料的應用。最後介紹到雙向綁定-ngModel,修改資料時會修改綁定的資料外...

鐵人賽 Modern Web DAY 1

技術 Angular 深入淺出三十天:表單與測試 Day01 - 前言

何謂表單? 維基百科是這樣說的: 表單是一種帶有空格可用於書寫以及能選擇和勾選相似內容的文件。 表單可用於填寫聲明、請求、命令、支票、稅單。 網頁...

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

技術 [ngrx/store-24] Angular 網站實例 - 會員報告篇

Angular 網站實例 - 會員報告篇 今天開始 今天完成 今天的目標:完成網站實例(使用服務) 修改報告服務 為了提供元件一份報告的詳細內容,我們在報告服務...

鐵人賽 Modern Web DAY 3

技術 [Angular 元件庫 NG-ZORRO 基礎入門] Day 03 - 玩轉佈局與選單

前言回顧 本章內容這是我們在專案實戰前比較重要的一個部分,完成該部分選單佈局開發後,我們就具備了一個專案基礎的佈局框架:頁面佈局、選單導航、內容頁、基礎路由配置...

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

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