利用 @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 加義大利麵的方式寫出來的，後幾年前後端技術可以完全...
關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ，而 TypeScript Compiler API 就是 T...
當已經開發完自己的 Schematics 或是 Package 之後，最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用！ 對於這件事情，其實大家不要覺...
在測試程式中模擬 Angular 專案環境 當我們開始將 Schematic 與 Angular 專案整合後，就會需要處理越來越多的細節。尤其是在測試時，會更需...
上次跟大家分享了寫測試的好處與如何撰寫測試之後，大家有自己試著寫寫看嗎？今天要來調整上次所寫的測試程式碼，令它能夠測試我們昨天所撰寫的程式。 先來看一下昨天最終...
什麼是測試？ 「想像一下現在你的面前有兩台飛機，一台從零件、製程到組裝都經過完整的測試，而另外一台僅經過飛行的測試，你會想要搭哪一台飛機？」 很多人以為測試...
iThome鐵人賽
看影片追技術
看更多
tso1158687
Yating Chang
TimTim
Leo