iT邦幫忙

angular相關文章
共有 434 則文章
鐵人賽 Blockchain DAY 22

技術 [區塊練起來-智能合約與DApp開發] DAY 22 - web3.js 發起交易

貼心小語 上一篇我們能夠去取得交易及收據的資訊,這一篇將會透過 web3.js 來發起交易,算是蠻重要的一個功能! 參數格式 web3.js 發起交易的函式需...

鐵人賽 Modern Web DAY 18

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day17 - 打包與發佈

當已經開發完自己的 Schematics 或是 Package 之後,最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用! 對於這件事情,其實大家不要覺...

技術 了解Angular的生命週期

元件(component)從建立到銷毀的一整個生命週期當中,會經歷數個階段。 Angular提供了lifecycle hooks,讓我們可以藉由對應每個生命周期...

鐵人賽 Modern Web DAY 19

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day18 - 將 Schematics 整合進你的 Angular 專案裡

隨著自己開發的 Angular 專案越來越多,有時候難免會覺得自己好像一直在做重複的事,因此我們會開始試著將可以重複使用的模組拆成獨立的函式庫,就像是保哥的認識...

鐵人賽 Modern Web DAY 8

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day07 - 如何測試使用範本的 Schematic

上次跟大家分享了寫測試的好處與如何撰寫測試之後,大家有自己試著寫寫看嗎?今天要來調整上次所寫的測試程式碼,令它能夠測試我們昨天所撰寫的程式。 先來看一下昨天最終...

鐵人賽 Modern Web DAY 23
Angular初期筆記 系列 第 23

技術 DAY23-Angular6之路由-再上一層樓

先說說有路由守衛 當需要路由守衛,用於判別可否進入該路由,關鍵字:canActivate,下面都是好文章,快去爬文吧!ㄜ~先把下面的看完再走! https://...

鐵人賽 Modern Web DAY 28

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day27 - Angular Schematics API List (四)

此篇介紹的大多都是資料介面、資料模型的定義,不過還是有部分是很好用的 API ,依序為: change Host Change NoopChange In...

技術 Angular #3 資料結構 (可略過)

Angular [目標] 了解 Angular資料結構 .Component 元件 安裝 ng generate component [compo...

鐵人賽 Modern Web DAY 4
玩轉 Storybook 系列 第 4

技術 玩轉 Storybook: Day 04 Configure

預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook,若需要變更路徑及名稱,要在Storybook的CLI指令做設定。...

鐵人賽 Modern Web DAY 10

技術 [DAY-10] Angular-使用HttpClient取得資料

在上一篇提到,所有存取資料的操作都應該在服務(Service)完成,元件(Componet)不應該負責存取資料,只應該負責如何顯示資料與畫面上的操作。 因此建立...

鐵人賽 Blockchain DAY 26

技術 [區塊練起來-智能合約與DApp開發] DAY 26 - web3.js 解碼 log 資訊

貼心小語 上一篇我們提到如何監聽 Event,並從中取得 log 資訊,但如果要從交易的收據中取得 log 資訊該如何做呢?讓我們繼續看下去~ 收據裡的 lo...

鐵人賽 Modern Web DAY 20
Angular初期筆記 系列 第 20

技術 DAY20-Angular6之實現子上父

先備知識 EventEmitter(中文:事件發射器) 發射一個同步或非同步的自訂事件在 directives 和 components ,並註冊處理這些事件...

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

技術 [Day 14] 了解 Angular Component 生命週期

了解 Angular Component 生命週期 在使用Angular Component時,可以在程式中針對 Angular 在運作程式時放入不同的 lif...

鐵人賽 Blockchain DAY 21

技術 [區塊練起來-智能合約與DApp開發] DAY 21 - web3.js 取得交易及收據

貼心小語 上一篇我們學會了 web3.js 的 util 函式,這一篇將會設計取得交易及收據的方法。 取得交易 有時候可能會需要來看交易的內容,比如說: ha...

活動 ModernWorkshop + ModernWeb 戰力 UP!UP!

【此場為 ModernWeb 2018 聯動 Workshop】 Angular 是一套純前端的網頁開發框架,搭配 Firebase 更能讓我們在短的時間內建...

鐵人賽 Modern Web DAY 17

技術 [DAY-17] Angular的表單管理-響應式表單(Reactive Form)-建構篇

響應式表單(Reactive Form)是Angular內建的表單模組。 為什麼需要響應式表單 以資料驅動(data driven)的方式關注表單的資料 關注...

鐵人賽 Modern Web DAY 2
玩轉 Storybook 系列 第 2

技術 玩轉 Storybook: Day 02 安裝

Install Storybook 安裝 Storybook 只需要在Terminal,切換到現有專案的根目錄後,簡單的執行一行指令 npx sb init...

鐵人賽 Modern Web DAY 19

技術 [DAY-19] Angular架構與學習資源介紹

終於來到介紹Angular的尾聲。可能會產生一個疑問,為什麼不是在一開始的時候介紹Angular的架構,難道是架構不重要嗎? 我的回答是:不,架構非常重要。但是...

鐵人賽 Modern Web DAY 21

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day20 - 超好用工具分享之 TSQuery

之前筆者在 Day12 的時候有說過, Angular 其實很貼心地幫我們準備了很多 API ,讓我們在開發 Schematics 的時候可以更輕鬆、簡單。 不...

鐵人賽 Modern Web DAY 12
Angular初期筆記 系列 第 12

技術 DAY12-Angular6之data binding-Style

Style binding (中文:樣式繫結) 你可以利用 style binding 設定內部 styles https://angular.io/guid...

鐵人賽 Modern Web DAY 14
Angular初期筆記 系列 第 14

技術 DAY14-Angular6之樣板參考變數-實作

說明 在傳送值的過程,有時候會需要一些其他 element 的 properties,於是就用 JS 的 docoument.get... 去抓元素,直到一天我...

鐵人賽 Modern Web DAY 21

技術 [DAT-21] Typescript 介紹-列舉(Enum)

這一篇要來介紹Typescript的實用功能 - 列舉(Enum) 什麼是列舉(Enum) 列舉可以轉換一組備有限範圍的資料,比如說日期、郵遞區號、星期等等。...

技術 [Angular]03-推薦編輯器

Angular推薦編輯器 VSCode 好用插件: Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...

技術 【課程推薦】2021/3/6~3/7 Angular前端開發框架實戰

課程目標 ‧ 了解Angular前端開發框架與其優勢 ‧ 學會有效率的利用Angular開發前端網頁應用程式 ‧ 掌握開發Angular的重要觀念與開發技巧 詳...

鐵人賽 Modern Web DAY 12

技術 [DAY-12] Angular-RXJS非同步事件的好幫手2

上一篇提到什麼是RXJS和RXJS的基本觀念,這一篇要來實際操作RXJS。 在進入實際操作之前,還要來提RXJS方便的地方-運算子(Operators) 什麼是...

鐵人賽 Blockchain DAY 25

技術 [區塊練起來-智能合約與DApp開發] DAY 25 - web3.js 訂閱Event

貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...

技術 Angular <Django>#5 專案:路由 登入系統>>首頁

Angular [目標] 進入系統>>登入>>首頁 1. VSCode 撰寫 app app.module.ts imp...

鐵人賽 Modern Web DAY 25

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day24 - Angular Schematics API List (一)

介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後,我們再把主軸拉回到...

鐵人賽 Modern Web DAY 25
Angular10 實作教學 系列 第 25

技術 NG10鐵人賽 - 25 - ReactiveForm Validator 驗證

說明 static min(min: number): ValidatorFn 數字要高於等於 min static max(max: number): Val...

鐵人賽 Modern Web DAY 7
玩轉 Storybook 系列 第 7

技術 玩轉 Storybook: Day 07 Write stories

Template & Args 同一個元件的多個story function,都會重複的指定相同的Template,可以拉出一個共用 template...