Angular 網站實例 - 會員報告篇 今天開始 今天完成 今天的目標:完成網站實例(使用服務) 修改報告服務 為了提供元件一份報告的詳細內容,我們在報告服務...
每日一句來源:Daily English A great secret of success is to go through life as a man w...
每日一句來源:Daily English The first and greatest victory is to conquer yourself; to...
Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http req...
每日一句來源:Daily English A pessimist sees the difficulty in every opportunity; an o...
Angular 網站實例 - 記得我之二篇 今天開始 今天完成後端開始 後端完成 前面完成了讓前端記住我的功能,但在實作的過程中,我們要的可能不只是登入狀態,今...
每日一句來源:Daily English There is nothing noble in being superior to some other man...
Angular 網站實例 - 記得我篇 今天開始 今天完成 上次我們已經成功連上了後端,但是只要使用者ㄧ重新刷瀏覽器,又會回到未登入狀態,今天我們就來讓前端記住...
每日一句來源:Daily English As I began to love myself, I found that anguish and emotio...
Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (Us...
網站實例 - 用 express 做後端 後端開始 後端完成我們同樣地將後端的程式放在 github,您可以一步一步跟著做,或者直接用完成的部分。 安裝 exp...
每日一句來源:Daily English No matter what label is thrown you way, only you can defin...
每日一句來源:Daily English Luck is not chance, it's toil. Fortune's expensive smile i...
Angular 網站實例 - 使用者登入篇 今天開始 今天完成今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.mo...
將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...
TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript,得先用tsc編譯器轉譯(trans...
安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...
Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...
什麼是Angular Universal 下面是一段截錄於https://itw01.com/G3MBE3P.html對Angular Universal目的的...
關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...
語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...
Angular i18n可做到的事 以本地格式顯示日期,數量,百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...
設定Router Module 若我們的Router設定較為複雜時,可將Router配置為一個Router Module。首先,設定一個路由模組app-rout...
什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...
使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是一...
何謂依賴注入 什麼是依賴注入呢?可以參考這篇文章:理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...
Angular modularity Angular有提供許多的功能,如FormsModule、HttpModule、RouterModule,都是NgModu...
每日一句來源:Daily English Those who are crazy enough to think they can change the wo...
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...