iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

Angular 元件庫 NG-ZORRO 基礎入門 系列

主要關於NG-ZORRO元件庫常用元件的講解及完整demo開發過程,包含如何參與開源專案等進階內容

鐵人鍊成 | 共 30 篇文章 | 57 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 [Angular 元件庫 NG-ZORRO 基礎入門] Day 01 - 寫在前面

關於Angular Angular 是由Google推出的前端框架,許多文章也詳細介紹過Angular相關知識,在此就不再贅述。更多關於Angular的相關知識...

2019-09-02 ‧ 由 simplejason 分享
DAY 2

[Angular 元件庫 NG-ZORRO 基礎入門] Day 02 - 安装 + Button

昨天我們介紹了 NG-ZORRO 的一些概念性知識,今天我們就正式建立一個 Angular 專案,引入該元件庫進行開發,看看 NG-ZORRO 到底有什麼值得我...

2019-09-03 ‧ 由 simplejason 分享
DAY 3

[Angular 元件庫 NG-ZORRO 基礎入門] Day 03 - 玩轉佈局與選單

前言回顧 本章內容這是我們在專案實戰前比較重要的一個部分,完成該部分選單佈局開發後,我們就具備了一個專案基礎的佈局框架:頁面佈局、選單導航、內容頁、基礎路由配置...

2019-09-04 ‧ 由 simplejason 分享
DAY 4

[Angular 元件庫 NG-ZORRO 基礎入門] Day 04 - 待辦事項 + Table

前言回顧 前兩天我們已經完成了專案基本佈局,大家對 NG-ZORRO 的一些元件使用方式、文件查閱等都有了一些簡單地瞭解,但是,最好的學習永遠是實踐。今天開始,...

2019-09-05 ‧ 由 simplejason 分享
DAY 5

[Angular 元件庫 NG-ZORRO 基礎入門] Day 05 - 待辦事項 + Form

前言回顧 昨天我們開發了第一個小專案:待辦事項,經過簡單的操作,我們完成了待辦事項的簡單展示,結合例項學習了 nz-table 元件的使用方式,儘管沒有涉及到全...

2019-09-06 ‧ 由 simplejason 分享
DAY 6

[Angular 元件庫 NG-ZORRO 基礎入門] Day 06 - 待辦事項 + 雙向繫結

前言回顧 這幾天我們已經完成了 TODO 待辦事項 的一些基本功能,涉及多個元件的使用方式,今天我們將 TODO 待辦事項 的一些元件獨立出來維護,介紹一些元件...

2019-09-07 ‧ 由 simplejason 分享
DAY 7

[Angular 元件庫 NG-ZORRO 基礎入門] Day 07 - Table:排序 / 篩選

前言回顧 連續幾天的 待辦事項 小專案開發,涉及了很多元件的使用,接下來我們就重點講解各個元件更多的特性和使用方式,幫助大家有更好的理解。今天我們也會精選幾個小...

2019-09-08 ‧ 由 simplejason 分享
DAY 8

[Angular 元件庫 NG-ZORRO 基礎入門] Day 8 - Table:拖拽排序 / 虛擬滾動

前言回顧 昨天我們介紹了 table 元件的篩選和排序功能,今天我們繼續來以程式碼介紹一下如何將 nz-table 和 Material CDK 的 拖拽 和...

2019-09-09 ‧ 由 simplejason 分享
DAY 9

[Angular 元件庫 NG-ZORRO 基礎入門] Day 09 - Table:遠端載入

前言回顧 昨天我們介紹瞭如何將 nz-table 和 Material CDK 結合使用,實現拖拽排序和虛擬滾動的功能,今天我們繼續介紹第一階段中 Table...

2019-09-10 ‧ 由 simplejason 分享
DAY 10

[Angular 元件庫 NG-ZORRO 基礎入門] Day 10 - DatePicker

前言回顧 經過幾天的學習,我們完成了 nz-table 相關知識的初步瞭解,當然還有很多情況我們沒有顧及到,有興趣的同學可以前往官方文件去檢視剩餘的示例說明。...

2019-09-11 ‧ 由 simplejason 分享