iT邦幫忙

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

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

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

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

技術 [Day 16] 了解 相依注入 Service

了解 相依注入 Service 有時我們需要再多個components共享資料,例如上圖的 Applcation 架構中,想要共用LogService 以及U...

技術 2.[幸福銅鏡] 環境建置

get node and npm basically To get this version, you can use the apt package mana...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Blockchain DAY 26

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

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

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

技術 day03 SharedModule(一)

簡述 SharedModule是共用模塊的集合地, 此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModul...

鐵人賽 Modern Web DAY 5

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

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

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

技術 day26 IndexModule

簡述 通常開設商店都會有收入跟費用, 現在業主打開後台, 都會希望在第一時間看到一些數據, 也就是常聽到的 Dashboard。 功能 有出現哪些資訊要看各產業...

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

技術 [Day 21] 介紹 Pipe

透過Pipe,可以不用在Component端寫程式改變資料的顯示模式,而是透過 Pipe 的模式來調整要顯示的資料內容,如此一來我們就不用在 Component...

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

技術 [Day 23]最佳化 Angular Application

如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...

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

技術 day19 AdminModule

簡述 開始實作權限管理的功能模塊。 功能 管理者列表(換頁搜尋) 列表中更新管理者 用Dialog新增管理者 用子組件查看管理者 檔案結構 -src...

鐵人賽 Modern Web DAY 6

技術 [DAY-6] Angular元件資料的顯示與應用2- ngSwitch, ngModel

在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否,這一篇要來介紹另一個更加複雜的情況,如果是多個條件的情況要如何控制顯示? 使用n...

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

技術 [Day 19] 初步使用 Observable

為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...

鐵人賽 Modern Web DAY 10

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

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

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

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form 處理應當會比 Template-Drive Form 好解決. 匯入...

鐵人賽 Modern Web DAY 9

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

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

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

技術 day24 SearchModule(一)

簡述 列表中非常常見的搜尋列 如下圖所示 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 date 時...

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

技術 [Day 17]Angular Dynamic Form

Angular Form Angular 的 Form 是目前框架最好使用的框架沒有之一. Angular 的 Form 最主要有 Reactive Form...

鐵人賽 Modern Web DAY 13

技術 [DAY-13] Angular的路由(Router)-管理與切換頁面的好幫手

到目前為止,我們所做的一切內容,都是做在首頁。現在要來做更多頁面來顯示英雄的細節資料 事前準備 在開始之前,先修改一下原本的英雄資料,多一個descriptio...

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

技術 day06 json-server 模擬與 Model 建置(二)

簡述 上一篇大概說明模擬數據的認知, 這篇就快速帶過安裝跟執行json-server, 以及相關的model建置。 實作 (一) json-server流程...

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

技術 day11 AppComponent(二) 登入初始流程

簡述 AppComponent 是系統內的 根組件, 這篇會講述登入初始流程。 功能 開發過程中大概遇到幾種設定如下。 多語系初始設定 icon 讀取圖片 登...

技術 [紀錄] Angular+Nest新專案建立,踩坑分享

*資料夾結構* ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...

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

技術 day12 CoreComponent

簡述 在確認此使用者的相關資訊後會進入核心模塊,也是佈局畫面的底。 很多功能模塊會以延遲子路由的方式,掛在核心模塊裡。 畫面結構 <!--core.co...

鐵人賽 Modern Web DAY 16

技術 [DAY-16] Angular的資料轉換-管道(pipe)-自訂管道

上一篇提到如何使用Angular內建的管道。Angular內建的管道固然很實用,但是不能涵蓋全部的使用情境,如果沒有涵蓋到,就自己來定義一個管道吧 事前準備 h...

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

技術 day10 AppComponent(一)

簡述 AppComponent是系統內的 根組件, 通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下: 多語系初始設定 icon讀取圖片...

技術 【Angular with .NET Core】建立後端環境

建立demo資料夾。 在demo資料夾中分別建立backend與frontend資料夾。 使用CMD在backend建立.NET Core新專案,命名Demo...

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

技術 day28 Firebase(二)應用

簡述 本篇開始把Demo替換成firebase。 替換流程 WebService DataService 修改list中的關聯式 實作 (一) web.s...

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

技術 day25 SearchModule(二):應用

簡述 列表中非常常見的搜尋列, 如下圖所示: 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 data 時間...

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

技術 day07 共用service(一)

簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中會有幾種服務是必然用到的。 logger.service.ts web.service.ts...

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

技術 day04 SharedModule(二)

簡述 SharedModule是共用模塊的集合地, 此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModul...