說明 基礎使用可以看一下之前寫的文章 Angular6之表單-簡易Reactive Formhttps://ithelp.ithome.com.tw/artic...
馬達
‧
2020-09-22
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
https://stackblitz.com/edit/angular-5r8rju?file=src/app/app.component.ts 補字區：[鐵...
長庚
‧
2020-09-21
說明 英文 Note that just as a form group contains a group of controls, the profile f...
馬達
‧
2020-09-21
在開發應用程式時，常會需要將資料顯示在頁面中，或是在使用者操作後更改資料。為了實作此種需求，Angular 提供了資料繫結 (Data Binding) 的方法...
阿壹
‧
2020-09-21
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
本次程式碼 補字區：[鐵人賽文章需300字以上內容][鐵人賽文章需300字以上內容][鐵人賽文章需300字以上內容][鐵人賽文章需300字以上內容][鐵人賽文...
長庚
‧
2020-09-20
注意事項 各 component 資料 null 時的畫面處理 app.component.ts 設定本地端的資料、儲存資料到資料Service 在 Cal...
馬達
‧
2020-09-20
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
今天閱讀你的第一個Angular應用-元件部分，並解釋上次onclick原本傳統寫法發生is not define的原因 補字區：[鐵人賽文章需300字以上內...
長庚
‧
2020-09-19
說明 用於 使用 localStorage 和 sessionStorage 儲存資料，並且在重新整理網頁時，再次讀取資料，並載入到應用程式 localStor...
馬達
‧
2020-09-19
在開發 Angular 應用程式時，會依照特定的規則（如是否為相同應用領域、或是否為一連串的作業流程等等）將元件分類至不同的模組。這一篇就來看如何定義與建立 A...
阿壹
‧
2020-09-19
預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook，若需要變更路徑及名稱，要在Storybook的CLI指令做設定。...
說明 調用 resolve service 先把資料處理完成 ，再用 private route: ActivatedRoute 給 component 調用...
馬達
‧
2020-09-18
今天練習了Angular 入門：你的第一個應用中的範本語法這一個章節 今天的程式碼補字區：[鐵人賽文章需300字以上內容][鐵人賽文章需300字以上內容][鐵...
長庚
‧
2020-09-18
前情提要 從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
利用 subject 放置 資料，讓 接收者 取得資料 data-store.service.ts private bookSubject = new Subj...
馬達
‧
2020-09-17
在開發 Angular 應用程式時，會利用 Angular CLI 進行工作空間 (Workspace) 的建立，以及各項元件的開發、測試與佈署。本篇將針對 A...
阿壹
‧
2020-09-17
Install Storybook 安裝 Storybook 只需要在Terminal，切換到現有專案的根目錄後，簡單的執行一行指令 npx sb init...
擬物化介紹 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 ) 就會跳錯誤(找不到資源) 解法：參...
lala_lee_jobs
ryanyen2
iThome鐵人賽
看影片追技術