服務紀錄登入使用者資料 export class LocalDataService { private userData = new BehaviorSub...
開發工具我們選擇Visual Studio Code VSC下載 請幫我點選上面的連結下載 Visual Studio Code Visual Studio C...
好的,在我們結束Spring Boot API的架設後,再來我們要開始進入前端框架-Angular的世界了,在目前這個傾向前後分離的開發模式之下,等於說身為一名...
在 Angular 中應用程式是模塊化的,Angular 有自己的模塊化系統稱為 NgModule,他可以包含 component、service provid...
Angular 提供了 i18n 功能讓我們開發專案時可以讓我們的專案應在不同的國家中被使用,Localization 是為不同語言環境構建應用程式版本的過程,...
前幾篇介紹了 Form 的基本操作與概念,也介紹了如何在表單中加入驗證,最後要來介紹 Angular Form 中一個我滿喜歡的功能,Control Value...
在前幾篇中介紹了 Template-driven forms 和 reactive forms 的用法與概念,雖然建立的方式不同但在根本上都是可以建立一個表單的...
上一篇中介紹了如何使用 FormControl 建立單個表單控制元件,也介紹了如何使用 FormGroup 將多個相關控制元件分組到單個輸入表單中,可以讓複雜的...
上一篇中介紹完 Template-driven forms 後,接著再介紹 Angular 的另一種 form,那就是 Reactive forms,它提供了一...
在上一篇中提到了 Angular 中的兩種不同的 Form,介紹了他們在使用上以及細節上的不同,接著在本篇中將會著重介紹 Template-driven for...
從本章開始會進入 Angular Form 的部分,在現代網頁中與使用者互動的過程變得越來越重要,其中最主要的便是 Form,從一開始的登陸頁面到對商品或對網頁...
在上一篇中介紹了如何透過 router 傳遞參數,也介紹了怎麼建立嵌套的 route 等等,在本篇中要繼續介紹 Angular route 的其他好用的用法與功...
上一張介紹完什麼是 router 與他的基本用法之後,接著要來繼續介紹 Angular router 的其他一些比較詳細的細節與用法,那就接著看下去吧! W...
在現代網頁中常會使用一種稱為 single page application(SPA)的技術,可以通過顯示或隱藏特定的 component 來更改用戶看到的畫面...
在上一篇中提到了如何建立與使用一個 Service,也大概介紹了什麼是 Dependency Injection,在介紹使用 @Injectable() 裝飾...
在開發專案時你一定會使用到 Service 的技巧,Service 是一個廣泛的類別,包括 app 所需要的任何功能、數據或特性,而通常一個 service 是...
介紹完什麼是 template 與 structuarl directive 後,接著回來介紹 component 中被跳過的章節,那就是動態仔入 compon...
在上一章中介紹了如何建立客製化的 attribute directive 與使用,而本章將會介紹如何建立 structural directives,那就接著往...
在前幾天中有介紹了 Angular 中內建的一些 attribute directive,但是在實際開發專案時可能會遇到內建 attribute directi...
在上一章中介紹了 attribute directive 的用法,接著要來介紹另一種 Angular 中內建的 directive 那就是 sturctural...
在介紹完 component 與 template 後,接著要來介紹什麼是 dierctive,可能在前面的章節中多多少少都有提到,但是可能都沒有詳細的講解過,...
Template variable 可以讓你在 template 的任意一處使用被標記過的 HTML 元件的數據,例如響應使用者的輸入或微調應用程序的表單,簡單...
在上一張中介紹了 property binding 是用來將 Component 中的 property 綁定給 HTML Tag 的 property,還介紹...
本篇中將介紹 Angular 的 property binding 與 event binding,property binding 可以讓你設置 HTML T...
在上一章中介紹了如何在 template 中插入 component 的變量,而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值(字串、貨幣...
前幾天大概講完了 Angular 的 Component 的基本功能與介紹,在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法,比如...
本章節將要介紹如何使用 ng-content 將一個 Component 的內容投影到另一個 Component 中,創建靈活且可被重複使用的 Componen...
在現代的網頁中絕大部分會需要與 server 互相溝通,無論是從 server 獲取商品的資料用於顯示在畫面中,還是畫面中的設定要儲存回 server 的設定都...
在默認情況下 NgModules 都是急切加載的,這意味著一但應用程式加載,所有的 NgModules 無論是否需要都會被載入,但對於許多大型的應用程式而言可以...
在上一篇中介紹了 Angular 中 Module 的一部分,接著要繼續介紹還沒講完的部分,那就往下看吧 Entry components 在上一張的 Ng...