iT邦幫忙

angular2相關文章
共有 123 則文章
鐵人賽 SideProject30 DAY 22

技術 Day 22 - 功能開發-7-使用者文章編輯

服務紀錄登入使用者資料 export class LocalDataService { private userData = new BehaviorSub...

鐵人賽 自我挑戰組 DAY 15

技術 Angular-開發工具&安裝AngularCLI(Day15)

開發工具我們選擇Visual Studio Code VSC下載 請幫我點選上面的連結下載 Visual Studio Code Visual Studio C...

鐵人賽 自我挑戰組 DAY 14

技術 Angular-介紹(Day14)

好的,在我們結束Spring Boot API的架設後,再來我們要開始進入前端框架-Angular的世界了,在目前這個傾向前後分離的開發模式之下,等於說身為一名...

鐵人賽 Modern Web DAY 30

技術 [Angular] Day30. Angular Module(一)

在 Angular 中應用程式是模塊化的,Angular 有自己的模塊化系統稱為 NgModule,他可以包含 component、service provid...

鐵人賽 Modern Web DAY 29

技術 [Angular] Day29. Internationalization (i18n)

Angular 提供了 i18n 功能讓我們開發專案時可以讓我們的專案應在不同的國家中被使用,Localization 是為不同語言環境構建應用程式版本的過程,...

鐵人賽 Modern Web DAY 28

技術 [Angular] Day28. Control Value Accessor (CVA)

前幾篇介紹了 Form 的基本操作與概念,也介紹了如何在表單中加入驗證,最後要來介紹 Angular Form 中一個我滿喜歡的功能,Control Value...

鐵人賽 Modern Web DAY 27

技術 [Angular] Day27. Validating form input

在前幾篇中介紹了 Template-driven forms 和 reactive forms 的用法與概念,雖然建立的方式不同但在根本上都是可以建立一個表單的...

鐵人賽 Modern Web DAY 26

技術 [Angular] Day26. Reactive forms (二)

上一篇中介紹了如何使用 FormControl 建立單個表單控制元件,也介紹了如何使用 FormGroup 將多個相關控制元件分組到單個輸入表單中,可以讓複雜的...

鐵人賽 Modern Web DAY 25

技術 [Angular] Day25. Reactive forms (一)

上一篇中介紹完 Template-driven forms 後,接著再介紹 Angular 的另一種 form,那就是 Reactive forms,它提供了一...

鐵人賽 Modern Web DAY 24

技術 [Angular] Day24. Template-driven forms

在上一篇中提到了 Angular 中的兩種不同的 Form,介紹了他們在使用上以及細節上的不同,接著在本篇中將會著重介紹 Template-driven for...

鐵人賽 Modern Web DAY 23

技術 [Angular] Day23. Introduction to forms in Angular

從本章開始會進入 Angular Form 的部分,在現代網頁中與使用者互動的過程變得越來越重要,其中最主要的便是 Form,從一開始的登陸頁面到對商品或對網頁...

鐵人賽 Modern Web DAY 22

技術 [Angular] Day22. Common Routing Tasks(二)

在上一篇中介紹了如何透過 router 傳遞參數,也介紹了怎麼建立嵌套的 route 等等,在本篇中要繼續介紹 Angular route 的其他好用的用法與功...

鐵人賽 Modern Web DAY 21

技術 [Angular] Day21. Common Routing Tasks (一)

上一張介紹完什麼是 router 與他的基本用法之後,接著要來繼續介紹 Angular router 的其他一些比較詳細的細節與用法,那就接著看下去吧! W...

鐵人賽 Modern Web DAY 20

技術 [Angular] Day20. Angular Routing

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

鐵人賽 Modern Web DAY 19

技術 [Angular] Day19. Dependency providers

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

鐵人賽 Modern Web DAY 18

技術 [Angular] Day18. Introduction to services and dependency injection

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

鐵人賽 Modern Web DAY 17

技術 [Angular] Day17. Dynamic component loader

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

鐵人賽 Modern Web DAY 16

技術 [Angular] Day16. Writing structural directives

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

鐵人賽 Modern Web DAY 15

技術 [Angular] Day15. Attribute directives

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

鐵人賽 Modern Web DAY 14

技術 [Angular] Day14. Built-in directives - structural

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

鐵人賽 Modern Web DAY 13

技術 [Angular] Day13. Built-in directives - attribute

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

鐵人賽 Modern Web DAY 12

技術 [Angular] Day12. Template variables

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 10

技術 [Angular] Day10. Property binding and Event binding

本篇中將介紹 Angular 的 property binding 與 event binding,property binding 可以讓你設置 HTML T...

鐵人賽 Modern Web DAY 9

技術 [Angular] Day9. Transforming Data Using Pipes

在上一章中介紹了如何在 template 中插入 component 的變量,而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值(字串、貨幣...

鐵人賽 Modern Web DAY 8

技術 [Angular] Day8. Templates and Text interpolation

前幾天大概講完了 Angular 的 Component 的基本功能與介紹,在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法,比如...

鐵人賽 Modern Web DAY 7

技術 [Angular] Day7. Content projection

本章節將要介紹如何使用 ng-content 將一個 Component 的內容投影到另一個 Component 中,創建靈活且可被重複使用的 Componen...

鐵人賽 Modern Web

技術 [Angular] Day33. Communicating with backend services using HTTP

在現代的網頁中絕大部分會需要與 server 互相溝通,無論是從 server 獲取商品的資料用於顯示在畫面中,還是畫面中的設定要儲存回 server 的設定都...

鐵人賽 Modern Web

技術 [Angular] Day32. Lazy-loading feature modules

在默認情況下 NgModules 都是急切加載的,這意味著一但應用程式加載,所有的 NgModules 無論是否需要都會被載入,但對於許多大型的應用程式而言可以...

鐵人賽 Modern Web

技術 [Angular] Day31. Angular Module(二)

在上一篇中介紹了 Angular 中 Module 的一部分,接著要繼續介紹還沒講完的部分,那就往下看吧 Entry components 在上一張的 Ng...