iT邦幫忙

angular相關文章
共有 422 則文章
鐵人賽 Blockchain DAY 17

技術 [區塊練起來-智能合約與DApp開發] DAY 17 - DApp 環境建置與開發工具

貼心小語 上一篇提到了 DApp 的概念及運作原理,其中我選擇使用 web3.js 以及 Angular 來開發,這篇將會一步一步把環境建置完畢。 Angul...

活動 ModernWorkshop + ModernWeb 戰力 UP!UP!

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Blockchain DAY 16

技術 [區塊練起來-智能合約與DApp開發] DAY 16 - 介紹 DApp

什麼是 DApp? 全名是 去中心化應用程式(Decentralized Application, DApp) ,簡單來說就是後端使用區塊鏈技術的應用程式。跟採...

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 17

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

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

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

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

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

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

技術 [Day29] 完賽心得

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

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

技術 DAY12-Angular6之data binding-Style

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

鐵人賽 Blockchain DAY 23

技術 [區塊練起來-智能合約與DApp開發] DAY 23 - web3.js 結合 Truffle 部署合約

貼心小語 上一篇學會了如何發起交易,這一篇將會進入到另一個重要功能,就是部署合約! 為什麼用 Truffle? 應該有人看到標題就想問:為什麼已經用了專用函式...

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

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

鐵人賽 Modern Web DAY 15

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

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

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

技術 [Day28 ]建立 PWA 應用

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

鐵人賽 Blockchain DAY 27

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Blockchain DAY 28

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 10

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

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

技術 Angular 中 @ViewChild 与 @ContentChild 的区别

概述 在组件交互中,组件之间的镶嵌一般有两种方式: 在创建父组件时将子组件直接写在模版中。 子组件通过投影方式嵌入父级组件,通过 ng-content...

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

技術 [Day11] Property 與 事件 Binding

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

技術 了解Angular的生命週期

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Blockchain DAY 30

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

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

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

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

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

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

技術 [Day09] 什麼是 Directives

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

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