iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Angular 常見問題大小事 系列

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

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

如何在 Angular 取得當前頁面的絕對路徑

情境 當有一個連結需要另開新頁時,在 develop 或 production 需要對應到正確的路徑Angular 提供了這個方式 https://angula...

2021-10-02 ‧ 由 Mandy 分享
DAY 22

Angular ViewChild 與 ViewChildren 介紹

ViewChild 這個屬性在 Angular 是屬於很常用的一部份 今天就來了解一下 ViewChild 與 ViewChildren 的差別與使用方式吧!...

2021-10-03 ‧ 由 Mandy 分享
DAY 23

Angular 客製彈出視窗

因為個人的 blog 需要一個彈出視窗做提示,而套件裡的樣式我都不喜歡,所以今天就來客製化一個吧! 這次的彈出視窗會使用 Angular Material...

2021-10-04 ‧ 由 Mandy 分享
DAY 24

Angular 筆記 CSS 樣式篇

今天就只是個筆記,單純記錄寫法如何使用,以便自己日後查找。畢竟人非聖賢、會忘難免 XD css 套用 className 變數為 isDark,value 必需...

2021-10-05 ‧ 由 Mandy 分享
DAY 25

Angular 路由守衛

我們在開發的過程中,經常會遇到需要某些權限才能進入的頁面,這時後就會需要路由守衛的機制啦,而它最常用在登入畫面時 快速建立 Angular CLI 提供了命令...

2021-10-06 ‧ 由 Mandy 分享
DAY 26

Angular 路由守衛(登入篇)

經過了昨天的介紹,今天就來看看使用登入範例囉 今天的登入資料依然是使用 FakeStoreAPI 登入畫面 這裡就做個簡單的驗証,沒填值就不能按按鈕 <f...

2021-10-07 ‧ 由 Mandy 分享
DAY 27

如何在 Angular 建立 Breadcrumb (麵包屑)

麵包屑 為提供網站裡的導航,讓使用者容易了解當下所在的位置剛好也呼應前一天使用 router 的部份 現在位置:首頁 / 列表 / 內容 了解 router...

2021-10-08 ‧ 由 Mandy 分享
DAY 28

如何在 Angular 獲取 URL 資訊

在實作裡,很多時後我們會將一些必要資訊記錄在網址上,直接在網址裡就能得到我們要的訊息不用再透過組件將資訊層層傳遞,達到解耦合的效果。 URL 註:一切一切...

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

Angular Providers

一直以來對 Angular Providers 這部份都還是有存在著半知半解的狀態,就趁著這次機會一次搞懂它吧! Providers 提供了四種注入方式 Cl...

2021-10-10 ‧ 由 Mandy 分享
DAY 30

結語

終於!!來到最後一天了,先為自己鼓鼓掌。 想不到我也撐好撐滿,寫完 30 天了 這些文章也將會同步刊載於 個人 BLOG 這一系列的文章,較不適合新手閱讀,比較...

2021-10-11 ‧ 由 Mandy 分享