透過Pipe，可以不用在Component端寫程式改變資料的顯示模式，而是透過 Pipe 的模式來調整要顯示的資料內容，如此一來我們就不用在 Component...
還記得我們昨天說到的主程式區塊嗎 ? 讓我們把app資料夾打開來，可以看到裡面的內容物長這樣。 接著打開app.component.html，並且把裡面的內...
前言 預計狼人殺APP的文章系列到這邊算一個段落，而正式的APP上線後預計會推廣一個月後關閉（除非燒起來就埋個Ads當公益公開了）。 不是開放原始碼就是免費...
前情提要 使用了 AsyncPipe 管道來取得所有英雄資料後，我們要在英雄資訊頁面，傳遞參數來取得特定的英雄資料。在先前撰寫的程式碼中，我們知道如何透過 Ac...
Style binding (中文：樣式繫結) 你可以利用 style binding 設定內部 styleshttps://angular.io/guide...
馬達
‧
2018-10-22
Angular推薦編輯器 VSCode 好用插件： Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...
簡述 列表中經常會遇到的問題大約幾下幾種： 很多功能模塊都會用到子組件，而在多數情況可能會有多個子組件，並且在列表中需重複點擊開關，需額外拉出一個class...
JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分 要介紹到哪邊為止？...
在前幾天中有介紹了 Angular 中內建的一些 attribute directive，但是在實際開發專案時可能會遇到內建 attribute directi...
＊資料夾結構＊ ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...
今天，我們要來看看在使用 Angular CLI 後，專案的架構會長什麼樣？ angular.json：是 Angular CLI 的設定檔，包含許多參數，...
Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentation...
基礎 Template-drive Forms (中文：樣板驅動表單)，裡面有四個要素，搞懂他們就可以完勝囉！ form 裡面的 name [(hello)]...
馬達
‧
2018-10-26
前情提要 藉著重構原先從元件取得資料的方法，我們將對 http 的呼叫封裝在服務裡，隱藏了資料來源的細節。這使我們在元件中在可以更專注於與畫面的互動。並且，如果...
簡述 上一篇大概說明模擬數據的認知，這篇就快速帶過安裝跟執行json-server，以及相關的model建置。 實作 (一) json-server流程 指令...
簡述 開始實作權限管理的功能模塊。 功能 管理者列表(換頁搜尋) 列表中更新管理者 用Dialog新增管理者 用子組件查看管理者 檔案結構 -src...
簡述 上篇導航到首頁成功後，我們可以先實做功能較小的用戶資訊功能模塊。 功能 User基本資訊 改變自己的登入密碼 檔案結構 -src |-app...
今天工作期間有遇到一個問題：因公司是醫療體系，所以系統裡有很多病患的名字，而人的名字就會有一些特殊的字。當時公司的解決辦法就是建了自己的造字，並一直沿用到現在，...
上一篇，建立了firestore資料庫，並且成功與前端連接，讀取到資料庫的資料，那麼這一篇就來認識一下，什麼是 firestore、firestore可以做什麼...
html <canvas baseChart width="800" height="800" [datasets...
馬達
‧
2020-09-29
在前幾天的準備之後，我們終於要開始規劃APP的畫面了。首先，根據【Day - 1】所設立的目標，第一步就是要在首頁中央放置一個3D模型機器人。提到3D模型，我們...
前言 SCSS 相比於一般的 CSS 有著下列優點， 可變數 可運算 可使用 @mixin/@function 可繼承 @extend 支援巢狀結構 直接匯入...
商品資訊 我們直接從手機版面開始，通常最上面的都會是商品以最少資訊達到最大效果的版面。我們參考了Woocommerce 的做法， 商品敘述 在手機的產品敘述上...
在開發專案時你一定會使用到 Service 的技巧，Service 是一個廣泛的類別，包括 app 所需要的任何功能、數據或特性，而通常一個 service 是...
簡述 開始實作訂單管理的功能模塊。 功能 訂單列表(換頁搜尋)。 用Dialog新增/修改訂單。 用子組件查看商品。 檔案結構 -src |-app...
單選圖片顯示 html <input type="file" (change)="uploadImg($event)&quo...
馬達
‧
2020-09-12
結果 資料來源 JSON - 範例使用 API (會有 CORS 問題) SWAGGER 程式碼 chart.component.html <canva...
馬達
‧
2020-09-30
在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskListComponent)...
簡述 傳統常見的導航做法多半是麵包屑breadcrumb，但是在系統組織很多分層的結構下，光要多方對帳，可能會查證的比較辛苦，所以現在越來越多採 Tab 導航模...
今天完成文件中，試一試章節>管理資料做完。 GitHubStackblitz 粉絲專頁：https://www.facebook.com/dannyli...
長庚
‧
2020-09-26
TimTim
嫩嫩的EveryEnd工程師
CK Sun
tomasysh
Yating Chang
Olivia
Fandix
ABow_Chen
lala_lee_jobs
tso1158687
momochenisme
ShawnWu
iThome鐵人賽
看影片追技術