回顧第10天，effect追蹤signal並在任何signal值更新時運行effect函數。當signal不是effect的依賴項時，它會呼叫未追蹤的函數以防止...
在第3天和第4天，我簡要介紹了effect，例子是記錄各種signal的值。根據我的經驗，effect不僅僅是記錄signal的值。一些例子是， 向伺服器發出...
第 5 天，我介紹了將Observable轉換為signal的toSignal函數。在我的範例中，我在組件中使用 toSignal`來避免root-level...
昨天，我介紹了toSignal函數，它可以將可觀察序列(Observable)轉換成訊號 (Signal)。事實上，我們也可以使用 toObservable 函...
本文至此已介紹了Signal的建立(create)、更新 (update)、擷取 (retrieve) 和衍生 (derivation)。如果我有一些舊的程式碼...
在第3天，我們介紹了Signal API、Computed Signal和Effect。今天，我們將介紹新用戶可能會遇到的Signal技巧和陷阱。 應用 equ...
Angular 16 中最重要的API就是 Signal API。一個Signal可以持有原始值或物件，當值更新時會通知範本和相依的 Signals。不同於有數...
什麼是 Angular？ Angular 是一個開源JavaScript 框架，主要用於建立單頁企業應用程式(SPA)，其中包含元件（可重複使用建構塊）、服務（...
我們已經介紹了toSignal和toObservable，並了解了signals和Observables如何互通以實現所需的結果。 今天，我將介紹ngXtens...
在Angular中可以調用React庫,但是,需要手動插入,所有寫法全部是以React為主,Angular中只負責傳入數據,這樣寫的很麻煩也很不優雅 這樣不妨...
Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用 但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...
今天來到了挑戰的最後一天，接著把剩下的 Videos 和 Tweets 等自訂 Blot 體驗一遍。 Videos 我們將以和 images 的實現方式來實現...
昨天體驗了基本的行內格式 Blot 以及區塊格式 Blot，今天繼續實現類似 Medium 編輯器的最後四個部分，分別為分隔線、圖片、影片、以及推文的自訂功能實...
程式打包 安裝執行結果 開發流程 環境建立 套件功能測試 系統功能需求定義 後端ＡＰＩ開發 功能開發 登入功能 文章列表 文章編輯 使用者管理 地圖標記...
圖片上傳與圖片顯示ＵＩ設計 <div class="flex justify-content-start"> &...
昨天我們新增了一個元件並初始化 Quill 的核心，今天繼續實現 Medium 編輯器的練習。 實作基礎格式 我們之前提到過，Inline 不貢獻任何格式。這是...
昨天透過 Parchement 新增了三種不同的 Attributor，今天來看要如何在編輯器上運用。官方文件介紹嘗試實現一個類似 Medium 的功能編輯器，...
新增使用者UI <div class="container"> <div> <div class=...
之前有探討過 Parchment 與 Blot，而 Parchment 還有一個屬性器 (Atrributors)，今天就來看一下關於 Attributor 的...
頁面中嵌入Google map 進行顯示 <div class="flex justify-content-start">...
連假第三天，終於來到最後的兩個章節，Clipboard & Syntax Highlighter Module。因為篇幅比較沒有那麼多，所以就放在一起看...
使用者密碼變更UI <p-tabPanel header="Header II"> <ng-tem...
使用者資料編輯UI <p-tabView styleClass="tabview-custom"> <...
昨天泡了溫泉，休息一下，繼續看 History module。History module 主要保存文本操作紀錄與處理與 Quill 的 undo 和 redo...
文章列表編輯功能 editArticle(article: any) { void this.router.navigate(['/article',...
提供欄位驗證確認資料是否輸入 設定表單: 使用 Template-driven Forms 來建立表單。 定義驗證規則: 使用內建驗證器，Vali...
連假的第一天，今天繼續看 Keyboard module 的 context 剩下的參數以及設定相關的介紹。 offset 當使用者的游標從開始移動到 offs...
今天來看 Keyboard module 的章節。 Keyboard module 支援特定 context 中鍵盤事件的自訂行為。Quill 使用 Keybo...
今天開始第一個內建 module 的介紹，在第六天的時候我們就已經介紹如何自訂工具列，這篇就當作複習，跟著技術文件介紹來練習體驗。 工具列模組 (Toolbar...
文章物件開發 <div class="container"> <div> <div class...
connieleung
Jeff Wu
Terry
iThome鐵人賽
看影片追技術