iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 5
用Angular打造完整後台 系列 第 5

技術 day05 json-server 模擬與 Model 建置(一)

簡述 當設計圖與規格都出現後, 前後端都會開始製作底層,前端雖著重畫面呈現, 開發的大部分時間也確實花在畫面上居多, 為了減低變動更改程式,大多數人會等待後端給...

鐵人賽 Modern Web DAY 14

技術 [DAY-14] Angular的路由(Router)-管理與切換頁面的好幫手-實際應用篇

上一篇設定好路由模組的設定,這一篇要實際應用設定好的路由模組,來實際切換頁面,顯示英雄的資料。 資料一覽 目前英雄列表的資料格式為: { "sta...

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

技術 day09 共用service(三)

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

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

技術 day23 OrderModule

簡述 開始實作訂單管理的功能模塊。 功能 訂單列表(換頁搜尋)。 用Dialog新增/修改訂單。 用子組件查看商品。 檔案結構 -src |-app...

鐵人賽 自我挑戰組 DAY 24
人生第一次的SideProject 系列 第 24

技術 [Day 24 ] 角色卡部署至Github測試上線

今天陸陸續續寫了一些進度,不過後來想到角色卡跟資料庫無關的部分功能基本都OK了,就先來試著發布在網路上看看。 因為專案本來就是用Github做版控,所以buil...

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

技術 day08 共用service(二)

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

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

技術 day18 UserModule

簡述 上篇導航到首頁成功後, 我們可以先實做功能較小的用戶資訊功能模塊。 功能 User基本資訊 改變自己的登入密碼 檔案結構 -src |-app...

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

技術 day17 List常見問題(二)

簡述 列表中經常會遇到的問題大約幾下幾種: 很多功能模塊都會用到子組件,而在多數情況可能會有多個子組件, 並且在列表中需重複點擊開關,需額外拉出一個clas...

技術 Angular @HostListener 避免關閉瀏覽器

@HostListener('window:beforeunload', ['$event']) public beforeunloadHandler(...

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

技術 day15 Cms Routing

簡述 要進入到首頁之前,哪些模塊跟路由需要先設定。 檔案結構 -src |-app |-app.component.css |-app.co...

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

技術 day14 TabModule

簡述 傳統常見的導航做法多半是麵包屑breadcrumb, 但是在系統組織很多分層的結構下, 光要多方對帳,可能會查證的比較辛苦, 所以現在越來越多採 Tab...

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

技術 day21 ProductModule(一)

簡述 開始實作商品管理的功能模塊。 功能 商品列表 商品類別新增修改 檔案結構 -src |-app |-cms |-produ...

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

技術 day20 CustomerModule

簡述 開始實作會員管理的功能模塊。 功能 會員列表 會員新增修改 會員等級新增修改 檔案結構 -src |-app |-cms...

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

技術 day13 Menu

簡述 其實Menu的控制項取決於登入者的權限。 功能 以Demo來說,所有的頁面種類有以下: index 首頁 user 用戶管理 admin 權限管理 c...

鐵人賽 Modern Web DAY 15

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

經過上一篇複雜的路由設定,這一篇的主題要來比較輕鬆但是同樣很實用的主題-管道(pipe) 什麼是管道(pipe) 為什麼需要轉換資料 在目前為止,我們所做的事情...

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

技術 day22 ProductModule(二):Image

簡述 開始實作商品管理的上傳圖片、預覽圖片以及相關功能。 功能 商品新增修改 在商品新增修改上有出現一個上傳圖片的功能, 我們會把上傳圖片的功能拉出來做一...