iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Blockchain DAY 27

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

貼心小語 前面幾篇將 web3.js 的基本功能介紹與實作完畢,已經可以透過這些功能做簡單的 DApp ,我們就來完成區塊鏈履歷的應用吧 系統規劃 與前面幾篇...

鐵人賽 Modern Web DAY 18

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

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

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

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

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

鐵人賽 Blockchain DAY 28

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

貼心小語 上一篇我們初步將專案架構建置起來了,這一篇將會開始撰寫功能,並從 Government 與 Host 開始製作。 ComponentBase 在開始...

鐵人賽 Modern Web DAY 1
用Angular打造完整後台 系列 第 1

技術 day01 簡介

前言 各位好, 我是一個從踏入寫程式就開始在製作後台的碼農, 以前都是用 PHP 寫系統, 所以早期畫面是 PHP 加義大利麵的方式寫出來的, 後幾年前後端技術...

鐵人賽 Modern Web DAY 20

技術 [DAY-20] Typescript 介紹-型別(Type)與介面(Interface)

Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...

鐵人賽 Modern Web DAY 29

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

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

技術 4.[幸福銅鏡] 去除inline-block元素間間距

今天久違的把我最喜歡的設計師的圖刻完,關於頁面 遇到一個很久沒碰到的問題(因為最近大量使用flex去排版XD),行內塊級的間距,會因元素HTML標籤間的空白、換...

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

技術 [Day 18] 如何使用 Angular Routing

今天要來介紹如何使用Roting來切換頁面 透過Routing可以決定所要顯示的Page 預設透過 Angular CLI 建立的為 app-routing.m...

鐵人賽 Modern Web DAY 3

技術 [DAY-3] 建立Angular 環境

Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI,只要簡單的指令就可以將Angular的環境建立起來,馬上就...

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

技術 [Day09] 什麼是 Directives

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

鐵人賽 Modern Web DAY 27
用Angular打造完整後台 系列 第 27

技術 day27 Firebase(一)

簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫, 或是拿Demo去談合作,等確定是有利可圖的產品, 就會進行正式開發。 那大部分在做Demo時,...

鐵人賽 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 來調用合約。 取得合約實...

技術 3.[幸福銅鏡] docker port for angular

docker run --name miaoli -v $PWD:/var/miaoli -it -d -p 4200:4200 ubuntu docker...

技術 1.[幸福銅鏡]進入容器囉

clone久違的專案 git clone https://github.com/buddalee/miaoli.git 共用pi的資料夾 在var/miaol...

鐵人賽 Blockchain DAY 29

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

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

鐵人賽 Blockchain DAY 19

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

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

鐵人賽 Blockchain DAY 20

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

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

鐵人賽 Blockchain DAY 21

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

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

鐵人賽 Modern Web DAY 22

技術 # DAY 22 HttpClient(三)

昨天我們成功存取本地檔案,今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們...

鐵人賽 Blockchain DAY 25

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

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

鐵人賽 Modern Web DAY 12

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

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

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

技術 [Day24] 部署 Angular

步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...

鐵人賽 Blockchain DAY 22

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

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

鐵人賽 Modern Web DAY 16
用Angular打造完整後台 系列 第 16

技術 day16 List常見問題(一)

簡述 列表中經常會遇到的問題大約幾下幾種: 當後台需要RWD,但欄位太多了,縮起來實在是太難看。 使用materia提供的MatPaginatorMod...

鐵人賽 Modern Web DAY 7

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

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

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

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

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

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

技術 [Day 15] Day 15 了 深入了解 Directive

透過attribute directive,我們可以自行擴充元件的屬性,讓元件更富有變化. 在 Angular 中,Directive 分成3種: Comp...