文件 StackBlitz FB專頁：https://www.facebook.com/dannyliu.me 補字區：鐵人賽文章需300字以上內容！鐵人賽文...
長庚
‧
2020-09-28
在這個單元我們使用官網的教學搭配Angular的框架，STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者，可以跳過這個單...
前言 昨天我們做完Layout版面跟主持人版面之後，我們接下來可以來設計玩家的畫面。 賽局準備 玩家的視野會非常的侷限，基本上在賽局開始之前基本上身份跟角...
今天文件範圍GitHub StackBlitz Fork版 FB專頁：https://www.facebook.com/dannyliu.me
長庚
‧
2020-09-27
安裝套件 cmd npm install ng2-charts@2.4.1 --save npm install chart.js --save 各種圖表展示...
馬達
‧
2020-09-27
接下來就來把Task元件組裝成TaskList吧 TaskList 可以把TaskList規劃成四種狀態 Default - 當 Task 都是 defu...
雖然開發者工具中已經提供相當豐富的功能，也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API，像是目前大多主流的前端框架的開發者...
前言 昨天我們開發完入口畫面之後，現在要接著做房間的版面。從前端開始建構的時候，我們有訂出規格： Layout上我們預先設計可以辨識創立房間的ID跟分享的動...
Reactive Forms 自訂驗證 trim-required-validatorr.ts (自己手動建立檔案) import { AbstractCont...
馬達
‧
2020-09-26
今天完成文件中，試一試章節>管理資料做完。 GitHubStackblitz 粉絲專頁：https://www.facebook.com/dannyli...
長庚
‧
2020-09-26
說明 static min(min: number): ValidatorFn數字要高於等於 min static max(max: number): Vali...
馬達
‧
2020-09-25
今天直接進入Live Coding的部分，有關影片內容可以看 前言 前幾天帶大家理順專案的流程，昨天定義好前端資料格式後，然後進入正式開發流程。 從Stac...
今天花了大概半個小時講建立購物車元件後，怎麼取得儲存在購物車服務中的物品列表 Stackblitz Fork版本GitHub程式碼 粉絲專頁：https://...
長庚
‧
2020-09-25
Naming components 修改一下Story檔案，對應於Component的Title名稱(default export區塊)，就會發現Sidebar...
結果 html <form (ngSubmit)="onSubmit()" [formGroup]="form"...
馬達
‧
2020-09-24
今天鐵人賽第9天，跟大家分享我今天學到在Stackblitz上，如果有把專案連到GitHub的話，但是只Save專案卻沒Commit的話重新整理就沒有了QQ，只...
長庚
‧
2020-09-24
圖片來源：bluecoders 做得越好的網站就跟衣冠禽獸一樣，表裡不一。 前端開發 我們來看當初訂定的產品規格， 入口網站 今天我們13人組了賽局，於...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
說明 英文 Tracks the value and validity state of an array of FormControl, FormGroup...
馬達
‧
2020-09-23
GitHubStackBlitz 個人部落格：https://www.facebook.com/dannyliu.me 補字區：[鐵人賽文章需300字以上內容...
長庚
‧
2020-09-23
Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
說明 基礎使用可以看一下之前寫的文章 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
範本參考變數 在想命名的變數前面加上一個井字號，命給與自定義名稱，就可以完成，EX. #name，為避免與其他命名的變數相同，建議前面加一個任意英文字，我學習...
說明 英文 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
iThome鐵人賽
看影片追技術
看更多
lala_lee_jobs
CK Sun
Yuri Tsai
Tim Hsu