上一篇建立起響應式表單(Reactive Forms)，看起來和一般的表單沒有不一樣。這一篇將來實際應用，顯示響應式表單厲害之處。在開始之前，先介紹表單控制元件...
在前幾篇中介紹了 Template-driven forms 和 reactive forms 的用法與概念，雖然建立的方式不同但在根本上都是可以建立一個表單的...
前言 GitLab Workflow內容包括，git 版本控制系統、CI/CD Pipeline，以及專案管理的功能，像 Wiki、Issue Tracking...
Angular 專案資料夾既檔案配置和說明 若有參考其他資料來源在 文字 旁會有[數字]標誌，可在下方參考來源對照，並觀看原作者說明 資料夾 說明 備註...
馬達
‧
2018-10-13
每日一句來源：Daily English Pride relates more to our opinion of ourselves, vanity to...
Angular 提供了 i18n 功能讓我們開發專案時可以讓我們的專案應在不同的國家中被使用，Localization 是為不同語言環境構建應用程式版本的過程，...
每日一句來源：Daily English There is no doubt that good things will come, and when it...
每日一句來源：Daily English Those who are crazy enough to think they can change the wo...
Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...
Store 架構加入最簡單的 Reducer Reducer 是什麼？ 如果對於 Observable 的 .reduce .scan 不熟的話，建議回頭看一下...
洋蔥
‧
2017-12-27
每日一句來源：Daily English You can't reach for anything new, if your hands are still...
在上一章中介紹了如何在 template 中插入 component 的變量，而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值（字串、貨幣...
一直到目前，我們的 component 仍然使用寫死的物件當作資料來源，今天，我們就要來串起我們的前後端，用 HttpClient 取得資料然後再用 compo...
簡單講 Directives 就是 指示 DOM 如何做操作，而其操作又區分為改變屬性以及針對 DOM 做操作例如: *ngIf <p *ngIf=&qu...
上一篇看完了 AngularJS 與 Angular 的差異後，我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發： Progressi...
前情提要 從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
在開始撰寫測試之前，先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular ， Google...
前幾篇介紹了 Form 的基本操作與概念，也介紹了如何在表單中加入驗證，最後要來介紹 Angular Form 中一個我滿喜歡的功能，Control Value...
透過attribute directive，我們可以自行擴充元件的屬性，讓元件更富有變化． 在 Angular 中，Directive 分成3種： Comp...
面對愈來愈複雜難搞的使用者操作需求，使得前端開發維護的難度日益增加，而 Angular 框架在各開發階段提供了完整的開發模式，讓在應用程式的前端開發可以更容易的...
阿壹
‧
2020-09-16
什麼是測試？ 「想像一下現在你的面前有兩台飛機，一台從零件、製程到組裝都經過完整的測試，而另外一台僅經過飛行的測試，你會想要搭哪一台飛機？」 很多人以為測試...
Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上，我們來看一下多個 Reducer 的例子 多個(multiple) Red...
洋蔥
‧
2017-12-28
每日一句來源：Daily English The first and greatest victory is to conquer yourself; to...
貼心小語 前面幾篇將 web3.js 的基本功能介紹與實作完畢，已經可以透過這些功能做簡單的 DApp ，我們就來完成區塊鏈履歷的應用吧 系統規劃 與前面幾篇...
在開發應用程式時，常會需要將資料顯示在頁面中，或是在使用者操作後更改資料。為了實作此種需求，Angular 提供了資料繫結 (Data Binding) 的方法...
阿壹
‧
2020-09-21
每日一句來源：Daily English A new day will come. And when the sun shines, it will shin...
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
今天想要跟大家分享的是跨欄位驗證的小技巧，這個小技巧其實沒有多厲害或多特別，只是可能滿多人剛好不知道原來可以這樣用。 而我們在 Day 23 - Reacti...
呼~~終於寫完所有躲在瀏覽器後面的東西了，現在我們已經架好了主機、佈好了 API 程式、裝好了 MySQL，就只差前端頁面了。從今天開始，我們就要開始一步一步做...
上一篇文章有提到一些這次專案會用到的模組，本篇簡單把他實作一遍。 建立 feature modules 用 terminal 開啟該專案的資料夾後，輸入以下指令...
tso1158687
Fandix
ShawnWu
AlanShun
goattl
TimTim
ABow_Chen
lala_lee_jobs
Leo
HAO
tonny0531
iThome鐵人賽
看影片追技術