簡述 AppComponent 是系統內的 根組件，這篇會講述登入初始流程。 功能 開發過程中大概遇到幾種設定如下。 多語系初始設定 icon 讀取圖片 登入...
在前幾篇，一直在討論元件(component)的各種應用。元件顯示資料的各種方法，以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落，這一篇要來討...
寫在前面，為什麼要寫這一篇 Angular 最主要使用 Zone.js 來解決 Angular 非同步 事件的 Error Hadnling 的問題，所以當你看...
簡述 AppComponent是系統內的 根組件，通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下： 多語系初始設定 icon讀取圖片...
還記得筆者在 Day02 - 要學打人，先學挨打 有提到過關於 ng add 的應用嗎？ 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...
利用 @HostListener 關閉 browser 前會先詢問 import { HostListener } from '@angular/core';...
在第二篇，為什麼選擇選擇Angular的文章提到，Angular的其中之一個優點是高度模組化，可以像樂高一樣，高度與其他元件結合與抽離。而高度模組化的訣竅在於，...
簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中有幾種服務是必然用到的。 logger.service.ts web.service.ts...
為甚麼要學習 Typescipt 為甚麼要學習 Typescipt，或是說 為什麼要用Typescipt 呢，Typescipt 又有什麼樣的優點跟有什麼基本...
＊資料夾結構＊ ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...
簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中有幾種服務是必然用到的。 logger.service.ts web.service.ts...
在前幾邊介紹到插值法、ngFor、ngIf、ngSwitch等等方法，最主要都是顯示資料的應用。最後介紹到雙向綁定-ngModel，修改資料時會修改綁定的資料外...
簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中會有幾種服務是必然用到的。 logger.service.ts web.service.ts...
在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否，這一篇要來介紹另一個更加複雜的情況，如果是多個條件的情況要如何控制顯示？ 使用n...
撰寫第一個專案後，會不會對 Angular 的運作有所好奇呢？ 好我知道很多人不會ＸＤ，但是 如果要加深使用該技術的能力 就要完整的了解他整個運作方式． 一切都...
在上一篇有提到，可以使用花括號({{ }})綁定值，這個有正式的名稱，稱為插值法(Interpolation)花括號裡面寫的屬性，Angular會搜尋對應的內容...
最近有一個新專案要用 Angular 開發，因為之前開發的都是以傳統C# mvc為主．一看到透過Angular CLI產出的 Project ，除了許多檔案不...
簡述 上一篇大概說明模擬數據的認知，這篇就快速帶過安裝跟執行json-server，以及相關的model建置。 實作 (一) json-server流程 指令...
先前我們在練習時，不管是直接使用程式碼還是使用範本，都是很純粹的產生出一個全新的檔案，然後將其擺到正確的地方。這只是學習 Schematics 的第一步，做為一...
簡述 當設計圖與規格都出現後，前後端都會開始製作底層，前端雖著重畫面呈現，開發的大部分時間也確實花在畫面上居多，為了減低變動更改程式，大多數人會等待後端給API...
什麼是 Angular Anuglar 是一個 Javasciprt 框架 可以讓你建立一個 可互動的 單頁應用(SPA)。 那什麼是 SPA 呢? 什麼是 S...
簡述 SharedModule是共用模塊的集合地，此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中，有許多功能是複用的。 DialogModule...
寫在前面 寫了這一篇好像是在戰框架，還是我跑錯棚? 身為目前使用Angular 前端開發者，我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...
Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI，只要簡單的指令就可以將Angular的環境建立起來，馬上就...
為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能，讓開發者可以不用自己造輪子，而是站在巨人的肩膀上面，跟著...
昨天筆者提到如何使用 TypeScript Compiler API 來修改檔案，但想必大家多少應該有感覺到，如果要從那一層又一層的資料結構中找到需要用的區塊，...
建立demo資料夾。 在demo資料夾中分別建立backend與frontend資料夾。 使用CMD在backend建立.NET Core新專案，命名Demo...
前言 身為一個前端工程師，碰了不少的library 或是 框架。因為公司中以前的專案是使用 Anuglarjs，比較資深的工程師也推坑使用 Angular?，所...
簡述 SharedModule是共用模塊的集合地，此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中，有許多功能是複用的。 DialogModule...
前言 各位好，我是一個從踏入寫程式就開始在製作後台的碼農，以前都是用 PHP 寫系統，所以早期畫面是 PHP 加義大利麵的方式寫出來的，後幾年前後端技術可以完全...
Yating Chang
tso1158687
TimTim
Leo
iThome鐵人賽
看影片追技術