iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Angular 常見問題大小事 系列

主要使用 Angular 框架,記錄著一些在工作裡常遇到的問題,或是明明做了很多次 但卻都記不起來
一天一個問題記錄著。

鐵人鍊成 | 共 31 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 11

Angular 如何將多筆資料上傳後,取得全部回傳資料,再送到另一支 API

來回顧一下前幾天的日記文 Angular 圖片上傳之...日記文程式碼流程規劃之...日記文 與今天介紹的內容有關,如何將多筆資料上傳後,取得全部回傳資料後再將...

2021-09-22 ‧ 由 Mandy 分享
DAY 12

Angular 如何取得 API 資料

既然昨天已經說了 http post 這件事,那今天就來說說 http get 這部份吧! 今天的資料依然使用 FakeStoreAPI樣式套用 Angular...

2021-09-23 ‧ 由 Mandy 分享
DAY 13

Angular RxJs 各種解訂閱方式

昨天說到了將資料訂閱出來渲染在頁面上的事,那麼就就來說說 RxJs 解訂閱這件事吧。這也是為了避免 memory leak,或重覆訂閱所造成的 BUG,若非有限...

2021-09-24 ‧ 由 Mandy 分享
DAY 14

Angular ngIf 與 Async Pipe

情境 當我們在 template 訂閱一組資料,而需要對它做一些邏輯處理的時後。 不好的方式 .ts export class TemplateComponen...

2021-09-25 ‧ 由 Mandy 分享
DAY 15

Angular ng-container 與 ng-template

接續昨天的範例。今天要聊的是 ng-container 與 ng-template <ng-container *ngIf="(products...

2021-09-26 ‧ 由 Mandy 分享
DAY 16

Angular ng-template 與 ngTemplateOutlet

ngTemplateOutlet ngTemplateOutlet 這裡我解釋為 ng-template 裡的插槽 來看看實際上會是如何使用先來段程式碼,這裡為...

2021-09-27 ‧ 由 Mandy 分享
DAY 17

Angular ElementRef、TemplateRef、viewContainerRef 的區別

今天就來聊聊 ElementRef、TemplateRef、viewContainerRef,者實說,在這之前一直都沒很認真搞懂這部份就趁著這次機會一起來看看吧...

2021-09-28 ‧ 由 Mandy 分享
DAY 18

Angular 轉換 API 資料格式 (Adapter)

今天的內容屬於設計模式的一種。當我們從後端接到資料後,有時後資料格式往往不是如我們所想,所以會再加工做個轉換的動作。所以就要使用 TypeScript 來做個轉...

2021-09-29 ‧ 由 Mandy 分享
DAY 19

使用 Angular 做檔案編碼檢測 (detect-encoding)

來由 前一陣子,後端有個需求是在檔案上傳前,需要提前知道上傳的檔案編碼 是 UTF-8 或是 ascii 等,才能決定要不要將檔案放進資料庫,或是在這之前再做一...

2021-09-30 ‧ 由 Mandy 分享
DAY 20

Angular 淺拷貝之...日記文

又踩雷啦啊哈哈哈哈哈。來重現一下遇到的情境吧 bug 出現 export class AppComponent implements OnInit {...

2021-10-01 ‧ 由 Mandy 分享