Jed Chou如何在 Angular 專案中使用 Tailwind CSS記錄一下在 Angular 專案中使用 TailwindCSS 的步驟和設定。Aug 22, 2021Aug 22, 2021
Jed Chou[Angular] PrimeNG Tree Selection 多選PrimeNG Tree 提供巢狀資料顯示功能,專案上有個需求是使用巢狀的 checkbox 多選節點項目的選取,看了文件覺得 Tree Selection 挺適合的,但還是遇到了一些小問題,所以記錄一下使用 Tree Selection 的過程。Jun 20, 2021Jun 20, 2021
Jed Chou[Angular] 實作 Google 登入在專案中我們會遇到使用 google 或 fb 等等的社群登入需求,實作的部分一種是按照各家 api 文件自行串接,一種是在 npm 尋找對應的套件會相對容易,這裡使用 angularx-social-login 套件示範 google 登入。May 5, 2021May 5, 2021
Jed Chou[Angular] 多專案工作區建置在一般專案開發或練習 Angular 通常第一件事情是使用 angular cli 指令建立專案,基本的指令如下:Apr 20, 2021Apr 20, 2021
Jed Chou[Angular] 使用 @ViewChild 取得操作 DOM 屬性在使用 Angular 開發時因為已內建基本的資料繫結功能,我們只要在 html 範本中依照繫結語法即可簡單快速地完成對指定的 DOM 物件完成繫結,只要變更 component.ts 的資料內容,DOM 的值就會跟著變動,不用像使用 jquery…Apr 15, 2021Apr 15, 2021
Jed Chou[Angular] 使用 window.postMessage() 實作跨網域傳值前陣子專案上遇到個需求,客戶希望在後台編輯表單資料時,按下預覽按鈕可以開新分頁顯示預覽結果,此時的資料因尚未完成定案所以不會先進行存檔至資料庫。Apr 15, 2021Apr 15, 2021
Jed Chou[Angular] 動態元件Angular 開發上我們有常會使用 ngIf 控制元件或片段的內容檢視,大多情境簡單情況下使用是沒問題,而有時候需求上我們會遇到比較複雜的情況,例如廣告顯示。Apr 15, 2021Apr 15, 2021
Jed Chou[Angular] Cytoscape.js 搜尋、事件 與 Layout 擴充上一篇介紹了 Cytoscape.js 的基本操作,接下來介紹如何查詢 node 內容及事件和 layout 擴充方式。Apr 12, 2021Apr 12, 2021
Jed Chou[Angular] Cytoscape.jsCytoscape.js 是一個處理資料分析與視覺化功能齊全的 javascript 類別庫,當我們要對資料關係進行可視化顯示時,例如社交網路關係或網路拓樸圖時,Cytoscape.js 是個不錯的選擇,以下使用 Angular 示範如何操作 Cytoscape.js…Apr 12, 2021Apr 12, 2021