iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

擺脫菜鳥的訓練,Angualr 基礎教學 系列

接觸了一年的 Angular 從全部都不懂到勉強堪用,將自己走過的與所瞭解的分享給大家,透過額外的說明與一些小例子讓新手瞭解 Angular 官方文檔中提到的觀念的技巧。

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

[Angular] Day11. Attribute, class, and style bindings and Two-way binding

在上一張中介紹了 property binding 是用來將 Component 中的 property 綁定給 HTML Tag 的 property,還介紹...

2021-09-11 ‧ 由 Fandix 分享
DAY 12

[Angular] Day12. Template variables

Template variable 可以讓你在 template 的任意一處使用被標記過的 HTML 元件的數據,例如響應使用者的輸入或微調應用程序的表單,簡單...

2021-09-12 ‧ 由 Fandix 分享
DAY 13

[Angular] Day13. Built-in directives - attribute

在介紹完 component 與 template 後,接著要來介紹什麼是 dierctive,可能在前面的章節中多多少少都有提到,但是可能都沒有詳細的講解過,...

2021-09-13 ‧ 由 Fandix 分享
DAY 14

[Angular] Day14. Built-in directives - structural

在上一章中介紹了 attribute directive 的用法,接著要來介紹另一種 Angular 中內建的 directive 那就是 sturctural...

2021-09-14 ‧ 由 Fandix 分享
DAY 15

[Angular] Day15. Attribute directives

在前幾天中有介紹了 Angular 中內建的一些 attribute directive,但是在實際開發專案時可能會遇到內建 attribute directi...

2021-09-15 ‧ 由 Fandix 分享
DAY 16

[Angular] Day16. Writing structural directives

在上一章中介紹了如何建立客製化的 attribute directive 與使用,而本章將會介紹如何建立 structural directives,那就接著往...

2021-09-16 ‧ 由 Fandix 分享
DAY 17

[Angular] Day17. Dynamic component loader

介紹完什麼是 template 與 structuarl directive 後,接著回來介紹 component 中被跳過的章節,那就是動態仔入 compon...

2021-09-17 ‧ 由 Fandix 分享
DAY 18

[Angular] Day18. Introduction to services and dependency injection

在開發專案時你一定會使用到 Service 的技巧,Service 是一個廣泛的類別,包括 app 所需要的任何功能、數據或特性,而通常一個 service 是...

2021-09-18 ‧ 由 Fandix 分享
DAY 19

[Angular] Day19. Dependency providers

在上一篇中提到了如何建立與使用一個 Service,也大概介紹了什麼是 Dependency Injection,在介紹使用 @Injectable() 裝飾...

2021-09-19 ‧ 由 Fandix 分享
DAY 20

[Angular] Day20. Angular Routing

在現代網頁中常會使用一種稱為 single page application(SPA)的技術,可以通過顯示或隱藏特定的 component 來更改用戶看到的畫面...

2021-09-20 ‧ 由 Fandix 分享