利用 subject 放置 資料，讓 接收者 取得資料 data-store.service.ts private bookSubject = new Subj...
馬達
‧
2020-09-17
Install Storybook 安裝 Storybook 只需要在Terminal，切換到現有專案的根目錄後，簡單的執行一行指令 npx sb init...
在開發 Angular 應用程式時，會利用 Angular CLI 進行工作空間 (Workspace) 的建立，以及各項元件的開發、測試與佈署。本篇將針對 A...
阿壹
‧
2020-09-17
擬物化介紹 service : 櫃台資料： 留言component：人(A 和 B) A 請人把留言送回 A，B 把留言 放到櫃檯，C 把留言 放到櫃檯 資料流...
馬達
‧
2020-09-16
面對愈來愈複雜難搞的使用者操作需求，使得前端開發維護的難度日益增加，而 Angular 框架在各開發階段提供了完整的開發模式，讓在應用程式的前端開發可以更容易的...
阿壹
‧
2020-09-16
擬物化介紹 service : 櫃台資料： 留言component：人(A 和 B) A 把留言 放到櫃檯，B 到櫃檯 看留言 資料流向 先執行到的 Acomp...
馬達
‧
2020-09-15
基本使用說明可以參考我之前寫過相關的文章 @Input 基礎使用https://ithelp.ithome.com.tw/articles/10206340@O...
馬達
‧
2020-09-14
利用昨天學到的檔案上傳將檔案傳到 Service 處理 component.ts constructor( private materialServic...
馬達
‧
2020-09-13
單選圖片顯示 html <input type="file" (change)="uploadImg($event)&quo...
馬達
‧
2020-09-12
一般 switch 匹配對象 應該只有單個，可當你需要複數配對，可以參照下面 code interface.ts export enum Role {...
馬達
‧
2020-09-11
建立 型別到 物件化出物件，並執行功能 animal.model.ts // export 可以讓其他 ts 檔案去引用 // void 是不回傳值的型別 ex...
馬達
‧
2020-09-09
type 功能一、定義純文字 ts AnimalStrings 是 型別 export enum AnimalEnum { Dog, Cat, Pi...
馬達
‧
2020-09-08
Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...
紀錄一下遇到的問題 路由 狀況：路由之間的切換都沒問題，但直接輸入位置(如 localhost:4200/index ) 就會跳錯誤(找不到資源) 解法：參...
1. 父元件至子元件: @Input 子元件內的@Input裝飾器定義屬性，父元件再透過屬性繫結(Property Binding)將資料傳遞給子元件。Chil...
元件(component)從建立到銷毀的一整個生命週期當中，會經歷數個階段。 Angular提供了lifecycle hooks，讓我們可以藉由對應每個生命周期...
需求: 表單Submit後需要從後端做 新增or修改,為避免User重複觸發,打算將Submit設計為 Observable,可以搭配Rxjs的exhaustM...
架構:(1) userComponent:訂閱(subscribe)sharedService 的 User資料 (2)sharedService利用Subje...
目前情境：按下Add Server，會將資料塞入陣列中，並在畫面上以列表的型式表現。 這是一個有邏輯錯誤的程式，會刪除所選取的下一個Another Server...
上一篇完成recipe-list的顯示後，接下來要針對右半部recipe細節的顯示。 這個部分，會有dropdown-list的顯示，目前尚未完善，之後會再回頭...
由於ingredient model會有數個component共享，所以將之放入共享資料夾，會較適合。 結構：app|-- shared |--- ingr...
在recipes資料夾，輸入ng g i recipe --type=model，新增Recipe Model。 結構圖recipes|-- recipe.mo...
按照上一篇的結構圖產生component，在這範例，我們不需要單元測試，因此可以在命令的尾部加入--skip-tests。 目前Angular的componen...
這次要練習的Angular結構圖： node與Angular版本： 建置完專案後，首先要安裝bootstrap。在命令提示字元輸入指令npm i bootstr...
寫這一篇文章是為了整理目前使用專案所學習到的 Angular。想說順便鞭策自己整理筆記，加強學習效果，就報名參加了。因為沒什麼準備，每天都處在思考明天要寫什麼的...
貼心小語 上一篇完成了教育單位與企業單位的功能頁面，今天將會設計簡單的履歷頁面來呈現履歷資訊，衝呀～～～！!! 流程思考 我們當初在設計履歷合約的時候，有製作...
PWA 就是一個很像 Native App 的 Web App，而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...
瞭解了這麼多Angular與Nestjs的相關知識之後，再來要想辦法將一個前端與一個後端融合在一起。 如何融合 要如何融合在一起呢?預計要做以下幾件事情 An...
此篇介紹的 API 依序為： literals partially-ordered-set priority-queue template...
貼心小語 上一篇做完了 Government 與 Host 的功能頁面，還將共同功能抽離出來做成 ComponentBase ，使我們開發更順暢，所以今天來完成...
lala_lee_jobs
ryanyen2
TimTim
HAO
tso1158687
Leo
iThome鐵人賽
看影片追技術