iT邦幫忙

鐵人檔案

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

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

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

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 11 - Drawer

前言回顧 我們已經連續學習了多個元件的使用方式,大家應該感覺到,大部分元件的使用方式都是雷同的,即: <nz-xxx [nzProperty]=&quot...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 12 - Hacker News

前言回顧 昨天第一個例子和相關的元件我們已經完成介紹了,接下來我們繼續進行新的 demo 開發,接下來幾天我們會使用 NG-ZORRO 開發 Angular 版...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 13 - Hacker News: List

前言回顧 昨天我們對將要開始的新的實戰專案做了簡單的介紹,並準備好了相關的 API,我們今天採用 algolia API 來請求返回的資料(當然你也可以使用另一...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 14 - Hacker News: List (Part 2)

前言回顧 昨天我們正式開始了新的專案 hacker news of angular 的開發,在昨天的文章中,我們初步使用了 nz-list 元件來渲染返回的資料...

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

[Angular 組件庫 NG-ZORRO 基礎入門] Day 15 - Hacker News: Pagination

前言回顧 到目前爲止,我們已經實現了 hacker news 大部分頁面功能設計,但是仍然缺少一個重要的翻頁功能,API 現在沒人是返回 20 條數據,我們今天...

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

[Angular 組件庫 NG-ZORRO 基礎入門] Day 16 - Hacker News: Comment

前言回顧 分頁完成後,我們項目主要工作目前只剩下 comments 內容展示部分,其它的都是一些查詢分類的工作,我們會在今明兩天完成這個項目剩下的問題,一些業務...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 17 - Hacker News: 搜尋

前言回顧 我們到目前為止已經完成了 hacker news 的大部分功能,今天我們將剩下的查詢功能繼續寫完。 查詢模組 Input 元件 我們可以直接使用 In...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 18 - 主題切換 - 1

前言回顧 之前的幾天我們結合具體的例子介紹了一些常用元件的相關知識,大部分元件的使用都比較簡單易懂,對於一些複雜場景官網示例也給出了部分解決方案,大家在使用元件...

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

[Angular 元件庫 NG-ZORRO 基礎入門] - 主題切換 - 2

前言回顧 昨天介紹的主題方案,打包成多個主題包形式,當然也有通過修改 class 動態新增主題樣式的方式,我們也對其他幾種方式做個簡單介紹,更多的可參考文後的資...

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

[Angular 元件庫 NG-ZORRO 基礎入門] Day 20 - 實驗性功能 Resizable

前言回顧 我們花了兩天介紹了主題相關的內容,一些知識點只是點到即止,更多的內容還是得大家自己去理解。今天我們介紹 NG-ZORRO 中一個獨立的模組單元:實驗性...

2019-09-21 ‧ 由 simplejason 分享