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