iT邦幫忙

鐵人檔案

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

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

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

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 21 - 國際化 i18n

前言回顧 昨天我們介紹了 實驗性功能 裡的 Resizable 元件,另一個基於 Monaco Editor 開發的 Code Editor 元件,對於開發線上...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 22 - 查漏補缺: 常見問題

前言回顧 這一章我們會介紹 NG-ZORRO 一些常見的開發問題排查方法,也是對之前的工作的一些補充。因為很多剛接觸 Angular 的同學在使用 NG-ZOR...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 23 - 原始碼初窺: 專案結構

前言回顧 我們今天開始,從框架前端走向框架後端,看一看 NG-ZORRO 的原始碼是什麼樣的,從專案結構到簡單元件說明,來了解 NG-ZORRO 的設計模式。...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 24 - 原始碼初窺: Input

前言回顧 我們昨天已經瞭解了 NG-ZORRO 專案的基本結構,也介紹了一些核心檔案資訊,今天我們來探索一下 NG-ZORRO 元件設計裡的一些設計方法。 元件...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 25 - 原始碼初窺: Select

前言回顧 今天我們繼續介紹一個新元件 Select,當提供給使用者可選資料較多時的使用場景較多,比如省市區聯動選擇、後臺賬號管理等等。 元件 開發之前 我們仍然...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 26 - 原始碼初窺: Select - Part 2

前言回顧 目前我們已經瞭解了 nz-select 元件的基本設計結構,我們昨天已經知道了 nz-select 被拆分為:nz-select-top-contro...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 27 - 原始碼初窺: Message

前言回顧 今天我們要閱讀的是 Message 元件,我們在之前介紹過,NG-ZORRO 的很多包含彈出層的元件均結合了 Material CDK Overlay...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 28 - 原始碼初窺: core

前言回顧 我們之前看了一些典型的元件原始碼,對相關元件的實現方式也有了一定的理解,但是我們也沒有想過,目前 NG-ZORRO 已支援近 60 種元件,那麼必然會...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 29 - 原始碼初窺: 測試

前言回顧 core 檔案中還有一個重要模組:testing,這個模組下封裝了很多測試需要的常用方法,測試 在 NG-ZORRO 專案中是非常重要的一部分,完善的...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 30 - 社群貢獻

前言回顧 經過之前的介紹,我們已經瞭解了 NG-ZORRO 很多內容,今天介紹該系列最後一篇文章:如何參與社群貢獻。在這篇文章中我們也會介紹如何進行 PR 提交...

2019-10-01 ‧ 由 simplejason 分享