iT邦幫忙

angular相關文章
共有 941 則文章
鐵人賽 Modern Web DAY 24
ngrx/store 4 學習筆記 系列 第 24 篇

技術 [ngrx/store-24] Angular 網站實例 - 會員報告篇

Angular 網站實例 - 會員報告篇 今天開始 今天完成 今天的目標:完成網站實例(使用服務) 修改報告服務 為了提供元件一份報告的詳細內容,我們在報告服務...

鐵人賽 Modern Web DAY 20

技術 [Angular Firebase 入門與實做] Day-19 Cloud Functions Cloud Storage Triggers 03 修正聊天室顯示功能

每日一句來源:Daily English A great secret of success is to go through life as a man w...

鐵人賽 Modern Web DAY 19

技術 [Angular Firebase 入門與實做] Day-18 Cloud Functions Cloud Storage Triggers 02

每日一句來源:Daily English The first and greatest victory is to conquer yourself; to...

鐵人賽 Modern Web DAY 22
ngrx/store 4 學習筆記 系列 第 22 篇

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http req...

鐵人賽 Modern Web DAY 18

技術 [Angular Firebase 入門與實做] Day-17 Cloud Functions Cloud Storage Triggers

每日一句來源:Daily English A pessimist sees the difficulty in every opportunity; an o...

鐵人賽 Modern Web DAY 21
ngrx/store 4 學習筆記 系列 第 21 篇

技術 [ngrx/store-21] Angular 網站實例 - 記得我之二篇

Angular 網站實例 - 記得我之二篇 今天開始 今天完成後端開始 後端完成 前面完成了讓前端記住我的功能,但在實作的過程中,我們要的可能不只是登入狀態,今...

鐵人賽 Modern Web DAY 17

技術 [Angular Firebase 入門與實做] Day-16 Cloud Functions Cloud Firestore Triggers

每日一句來源:Daily English There is nothing noble in being superior to some other man...

鐵人賽 Modern Web DAY 20
ngrx/store 4 學習筆記 系列 第 20 篇

技術 [ngrx/store-20] Angular 網站實例 - 記得我篇

Angular 網站實例 - 記得我篇 今天開始 今天完成 上次我們已經成功連上了後端,但是只要使用者ㄧ重新刷瀏覽器,又會回到未登入狀態,今天我們就來讓前端記住...

鐵人賽 Modern Web DAY 16

技術 [Angular Firebase 入門與實做] Day-15 Cloud Functions HTTP Triggers 02

每日一句來源:Daily English As I began to love myself, I found that anguish and emotio...

鐵人賽 Modern Web DAY 19
ngrx/store 4 學習筆記 系列 第 19 篇

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (Us...

鐵人賽 Modern Web DAY 18
ngrx/store 4 學習筆記 系列 第 18 篇

技術 [ngrx/store-18] 網站實例 - 用 express 做後端

網站實例 - 用 express 做後端 後端開始 後端完成我們同樣地將後端的程式放在 github,您可以一步一步跟著做,或者直接用完成的部分。 安裝 exp...

鐵人賽 Modern Web DAY 15

技術 [Angular Firebase 入門與實做] Day-14 Cloud Functions HTTP Triggers

每日一句來源:Daily English No matter what label is thrown you way, only you can defin...

鐵人賽 Modern Web DAY 14

技術 [Angular Firebase 入門與實做] Day-13 Cloud Functions

每日一句來源:Daily English Luck is not chance, it's toil. Fortune's expensive smile i...

鐵人賽 Modern Web DAY 17
ngrx/store 4 學習筆記 系列 第 17 篇

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

Angular 網站實例 - 使用者登入篇 今天開始 今天完成今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.mo...

鐵人賽 Modern Web DAY 30

技術 [技術支援-8] 產品發佈設定

將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...

鐵人賽 Modern Web DAY 29

技術 [技術支援-7] TypeScript設定

TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript,得先用tsc編譯器轉譯(trans...

鐵人賽 Modern Web DAY 28

技術 [技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

鐵人賽 Modern Web DAY 27

技術 [技術支援-5] 佈署方式JIT及AOT介紹

Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...

鐵人賽 Modern Web DAY 26

技術 [技術支援-4] Angular Universal

什麼是Angular Universal 下面是一段截錄於https://itw01.com/G3MBE3P.html對Angular Universal目的的...

鐵人賽 Modern Web DAY 25

技術 [技術支援-3] Service worker離線支援

關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...

鐵人賽 Modern Web DAY 24

技術 [技術支援-2] 讓IDE支援Angular Language Service

語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...

鐵人賽 Modern Web DAY 23

技術 [技術支援-1] 支援多語系

Angular i18n可做到的事 以本地格式顯示日期,數量,百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...

鐵人賽 Modern Web DAY 22

技術 [功能介紹-15] Router進階介紹

設定Router Module 若我們的Router設定較為複雜時,可將Router配置為一個Router Module。首先,設定一個路由模組app-rout...

鐵人賽 Modern Web DAY 21

技術 [功能介紹-14] Router基礎介紹

什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...

鐵人賽 Modern Web DAY 20

技術 [功能介紹-13] HttpClient

使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是一...

鐵人賽 Modern Web DAY 19

技術 [功能介紹-12] Angular裡Service的DI

何謂依賴注入 什麼是依賴注入呢?可以參考這篇文章:理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...

鐵人賽 Modern Web DAY 18

技術 [功能介紹-11] NgModules

Angular modularity Angular有提供許多的功能,如FormsModule、HttpModule、RouterModule,都是NgModu...

鐵人賽 Modern Web DAY 13

技術 [Angular Firebase 入門與實做] Day-12 functions 前言(聊天室)

每日一句來源:Daily English Those who are crazy enough to think they can change the wo...

鐵人賽 Modern Web DAY 17

技術 [功能介紹-10] Reactive Forms (Model-Driven Forms) 

Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...

鐵人賽 Modern Web DAY 16

技術 [功能介紹-9] Template-Driven Forms

使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...