簡述 有些公司會在確任產品規格前，會先做些Demo到市場做水溫，或是拿Demo去談合作，等確定是有利可圖的產品，就會進行正式開發。 那大部分在做Demo時，多半...
ngrx/store 之會員篇 今天開始 今天完成 今天的目標：將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...
洋蔥
‧
2018-01-12
前言 身為一個前端工程師，碰了不少的library 或是 框架。因為公司中以前的專案是使用 Anuglarjs，比較資深的工程師也推坑使用 Angular?，所...
要學打人，先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前，要先學會挨打。知道被打是怎麼一回事之後，自然而然就知道要怎麼打人。當然，這句話其實還有其他方...
雖然鐵人賽比完了，但是我依然會把這個專案繼續寫下去，如果還沒看之前Angular Stock的朋友，麻煩幫我點連結進去看。 好，接下來我們遇到一個問題在於說，...
昨天跟大家分享了自訂表單元件的作法，但昨天的作法只適用於一個欄位、一個 FormControl 。 雖然 FormControl 裡是可以設 {} 的值，但如...
貼心小語 上一篇學會了如何發起交易，這一篇將會進入到另一個重要功能，就是部署合約！ 為什麼用 Truffle？ 應該有人看到標題就想問：為什麼已經用了專用函式...
上一篇看完了 AngularJS 與 Angular 的差異後，我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發： Progressi...
純函數(Pure Function) 定義 根據 Wikipedia 的定義，一個函數稱為純函數需要符合下列兩個條件： 函數對於同樣的參數，永遠產生同樣的結果...
洋蔥
‧
2017-12-23
在上一章中介紹了如何在 template 中插入 component 的變量，而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值（字串、貨幣...
Schematics 的起源 相信大家都知道，現代有非常非常多的事情都已經可以被自動化的機器或是工具取代。而這些事情之所以會被取代，基本上都是因為只要有個模組或...
HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...
馬達
‧
2018-11-08
昨天我們已經將製作好的版型，套用到 Angular 的根元件 AppComponent，今天，我們就要來進行發行與部署 Angular 應用程式的流程。 首先，...
一直到目前，我們的 component 仍然使用寫死的物件當作資料來源，今天，我們就要來串起我們的前後端，用 HttpClient 取得資料然後再用 compo...
什麼是 DApp？ 全名是 去中心化應用程式(Decentralized Application, DApp) ，簡單來說就是後端使用區塊鏈技術的應用程式。跟採...
在【Day - 18】時，我們面臨了GPT-4模型速度過慢的問題，目前唯一的解決方案似乎是改用GPT-3.5模型。然而，使用GPT-3.5模型它不但沒辦法輸出S...
昨天筆者曾提到： _options 參數是一個物件，這個參數可以使用 JSON Schema 進行驗證，以確保它具有適當的預設值與類型。 但什麼是 JSON...
這次試著部署Angular專案到Azure的時後，遇到一些問題，趕快紀錄下來。 建立App Service Angular相關設定 (重要) 建立新的ang...
元件(component)從建立到銷毀的一整個生命週期當中，會經歷數個階段。 Angular提供了lifecycle hooks，讓我們可以藉由對應每個生命周期...
前言 專案需求通常來源於對資料的處理，在專案規劃期間，前端開發人員經常需要先做一些 POC，甚至專案開始後，也經常需要在後端 API 尚未就緒前，先完成前端的功...
大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？ 舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...
上一篇文章有提到一些這次專案會用到的模組，本篇簡單把他實作一遍。 建立 feature modules 用 terminal 開啟該專案的資料夾後，輸入以下指令...
上一篇中介紹了如何使用 FormControl 建立單個表單控制元件，也介紹了如何使用 FormGroup 將多個相關控制元件分組到單個輸入表單中，可以讓複雜的...
每日一句來源：Daily English Celebrate what you've accomplished, but raise the bar a li...
在開發應用程式時，常會需要將資料顯示在頁面中，或是在使用者操作後更改資料。為了實作此種需求，Angular 提供了資料繫結 (Data Binding) 的方法...
阿壹
‧
2020-09-21
前情提要 從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
今天想要跟大家分享的是跨欄位驗證的小技巧，這個小技巧其實沒有多厲害或多特別，只是可能滿多人剛好不知道原來可以這樣用。 而我們在 Day 23 - Reacti...
To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法，並...
透過attribute directive，我們可以自行擴充元件的屬性，讓元件更富有變化． 在 Angular 中，Directive 分成3種： Comp...
在開始撰寫測試之前，先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular ， Google...
Yating Chang
TimTim
Leo
嫩嫩的EveryEnd工程師
HAO
ABow_Chen
Fandix
goattl
momochenisme
ShawnWu
tonny0531
AlanShun
lala_lee_jobs
iThome鐵人賽
看影片追技術