iT邦幫忙

angular相關文章
共有 427 則文章
鐵人賽 Modern Web DAY 29
Angular 8 從推坑到放棄 系列 第 29

技術 [Day28 ]建立 PWA 應用

PWA 就是一個很像 Native App 的 Web App,而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...

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

技術 DAY7-Angular6之「IT狗的生活」開演/@NgModule項目

前情提要 DAY6-Angular6之假如app是舞台劇/@Component項目 開演啦! 在沒有 routing 的狀況下 以下就可以演好一齣戲了,僅讓 I...

鐵人賽 Blockchain DAY 30

技術 [區塊練起來-智能合約與DApp開發] DAY 30 - 實戰DApp!區塊鏈履歷應用(4)

貼心小語 上一篇完成了教育單位與企業單位的功能頁面,今天將會設計簡單的履歷頁面來呈現履歷資訊,衝呀~~~!!! 流程思考 我們當初在設計履歷合約的時候,有製作...

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

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...

鐵人賽 Modern Web DAY 18

技術 [DAY-18] Angular的表單管理-響應式表單(Reactive Form)-實際應用篇

上一篇建立起響應式表單(Reactive Forms),看起來和一般的表單沒有不一樣。這一篇將來實際應用,顯示響應式表單厲害之處。 在開始之前,先介紹表單控制元...

鐵人賽 Modern Web DAY 12

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day11 - 用 TypeScript Compiler API 來修改檔案內容

先前我們在練習時,不管是直接使用程式碼還是使用範本,都是很純粹的產生出一個全新的檔案,然後將其擺到正確的地方。這只是學習 Schematics 的第一步,做為一...

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

技術 DAY22-Angular6之路由-簡單實作

先備知識 路由用在哪裡? 根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要...

鐵人賽 Modern Web DAY 9

技術 [DAY-9] Angular的服務(Service)-存取資料的好幫手

在前幾篇,一直在討論元件(component)的各種應用。元件顯示資料的各種方法,以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落,這一篇要來討...

鐵人賽 Modern Web DAY 15

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day14 - 實戰 ng add

相信經過昨天的原理說明之後,大家一定迫不及待地想要趕快實作了!! 廢話不囉嗦,不管你是要新開一個 Schematics 或是用原本的專案都行,筆者會用原本的專案...

鐵人賽 Modern Web DAY 14

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day13 - ng add?

還記得筆者在 Day02 - 要學打人,先學挨打 有提到過關於 ng add 的應用嗎? 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...

鐵人賽 Modern Web DAY 13

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day12 - Angular Schematics API 之牛刀小試

昨天筆者提到如何使用 TypeScript Compiler API 來修改檔案,但想必大家多少應該有感覺到,如果要從那一層又一層的資料結構中找到需要用的區塊,...

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

技術 [Day29] 完賽心得

寫這一篇文章是為了整理目前使用專案所學習到的 Angular。 想說順便鞭策自己整理筆記,加強學習效果,就報名參加了。因為沒什麼準備,每天都處在思考明天要寫什麼...

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

技術 [Day09] 什麼是 Directives

簡單講 Directives 就是 指示 DOM 如何做操作,而其操作又區分為改變屬性以及針對 DOM 做操作 例如: *ngIf <p *ngIf=&q...

鐵人賽 Modern Web DAY 29

技術 [DAY-29] Angular 與 Nestjs 前後端合體技

瞭解了這麼多Angular與Nestjs的相關知識之後,再來要想辦法將一個前端與一個後端融合在一起。 如何融合 要如何融合在一起呢?預計要做以下幾件事情 An...

鐵人賽 Modern Web DAY 16

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day15 - ng update?

筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式,而 ng update 雖然也是走同樣的路徑,只不過筆者覺得後者在後續處理上,跟其他的...

技術 [Angular][RxJs][誤區筆記] Observable Unsubscribe

架構: (1) userComponent: 訂閱(subscribe)sharedService 的 User資料 (2)sharedService 利用Su...

鐵人賽 Modern Web DAY 9

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day08 - 增加對 Angular 專案的支援

玩了幾天的 Schematics ,不曉得大家有沒有發現一個問題:為什麼當我們在 Angular 專案裡使用 ng generate 的指令時,Angular...

鐵人賽 Modern Web DAY 5

技術 [DAY-5] Angular元件資料的顯示與應用- ngFor, ngIf

在上一篇有提到,可以使用花括號({{ }})綁定值,這個有正式的名稱,稱為插值法(Interpolation) 花括號裡面寫的屬性,Angular會搜尋對應的內...

鐵人賽 Modern Web DAY 20

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day19 - 超好用工具分享之 VSCode 的 Angular Schematics 擴充套件介紹與應用

今天筆者要來分享一個超好用的 VSCode 擴充套件給大家: 這個擴充套件好用在哪裡呢? 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數,它會幫你全部...

鐵人賽 Modern Web DAY 10

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day09 - 撰寫支援 Angular 專案的 Schematics 的測試程式

在測試程式中模擬 Angular 專案環境 當我們開始將 Schematic 與 Angular 專案整合後,就會需要處理越來越多的細節。尤其是在測試時,會更需...

鐵人賽 Modern Web DAY 17

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day16 - 實戰 ng update

練習目標 今天的練習非常簡單,我們要利用 ng update 來改變 app.component.ts 裡, title 屬性的值。 雖然這個練習非常地陽春、簡...

鐵人賽 Blockchain DAY 20

技術 [區塊練起來-智能合約與DApp開發] DAY 20 - web3.js 公用函式

貼心小語 上一篇我們設計了取得帳戶列表與區塊資訊,這一篇會來探討 web3.js 中一些 公用函式(Utility Functions)。 設置 Util 類...

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

技術 [Day11] Property 與 事件 Binding

Angular 中 Components 之間的傳遞資料的方式,就長得像下面這張圖。 Input() 裝飾器使用方式 @Input 的目的是確認資料綁定 i...

鐵人賽 Blockchain DAY 24

技術 [區塊練起來-智能合約與DApp開發] DAY 24 - web3.js 呼叫合約

貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結,那麼在部署完之後當然要與合約進行互動,我們將使用 web3.js 來調用合約。 取得合約實...

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

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

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

鐵人賽 Blockchain DAY 19

技術 [區塊練起來-智能合約與DApp開發] DAY 19 - web3.js 取得 Accounts 及 Block 資訊

貼心小語 上一篇我們將取得 Provider 的工作放在 ProviderService 中,並只使用單一實例,這一篇將會開始教各位怎麼取得帳戶資訊。 我們將...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Blockchain DAY 29

技術 [區塊練起來-智能合約與DApp開發] DAY 29 - 實戰DApp!區塊鏈履歷應用(3)

貼心小語 上一篇做完了 Government 與 Host 的功能頁面,還將共同功能抽離出來做成 ComponentBase ,使我們開發更順暢,所以今天來完成...

技術 了解Angular的生命週期

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

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

技術 DAY20-Angular6之實現子上父

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