iT邦幫忙

angular相關文章
共有 184 則文章
鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 13

技術 [功能介紹-6] Attribute Directives

Directive有分為結構型和屬性型的,這一篇要先介紹屬性型的Directive。 本篇的範例請見:Attribute Directive example /...

鐵人賽 Modern Web DAY 3

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG 延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/her...

鐵人賽 Modern Web DAY 8

技術 [Angular 深入淺出三十天] Day 07 - 基礎結構說明(二)

「原來如此!這樣有比較看得懂了!基本上裝飾器就是決定類別要扮演的角色,中繼資料則是把這個角色需要的資料傳入,然後 Angular 就會幫忙把其他的事情處理好的意...

鐵人賽 Modern Web DAY 2

技術 [Angular Firebase 入門與實做] Day-01 開發環境建立與初始化

Progress is impossible without change, and those who cannot chanage their minds...

鐵人賽 Modern Web DAY 9

技術 [Angular 深入淺出三十天] Day 08 - 基礎結構說明(三)

「原來 Angular 的 Template 語法跟資料綁定有這麼多名堂阿?!」Wayne 揉揉他的太陽穴,貌似有點快消化不良的樣子。 「是阿!但這一切其實都是...

鐵人賽 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 26

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

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

鐵人賽 Modern Web DAY 4

技術 [Angular Firebase 入門與實做] Day-03 Realtime Database - 讀取(Read)-2、新增、修改、刪除

Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...

鐵人賽 Modern Web DAY 10
Angular 深入淺出三十天 系列 第 10

技術 [Angular 深入淺出三十天] Day 09 - Angular 小學堂(二)

「哦哦哦哦!好像又更懂一點了!!」Wayne 點了點頭說。 「有更懂一點就好,也不枉費我講的這麼辛苦。」我喝了口咖啡後說道。 「那我們可以做更複雜一點的應用了吧...

鐵人賽 Modern Web DAY 2
Angular 大師之路 系列 第 2

技術 [Angular 大師之路] Day 02 - 更加理解 Angular CLI 之 Monorepo 應用

Angular CLI 基本上已經成為開發 Angular 應用程式的標準配備了,我們會透過 Angular CLI 建立專案、檔案骨架,或是用來執行以及打包應...

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

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

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

鐵人賽 Modern Web DAY 5

技術 [新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載 本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CL...

鐵人賽 Modern Web DAY 16

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

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

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

技術 [ngrx/store-1] 有關前端的狀態管理

何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理,至於什麼是狀態 (State) 呢?舉幾個例子: 狀態 (State)...

鐵人賽 Modern Web
Angular 深入淺出三十天 系列 第 32

技術 [Angular 深入淺出三十天] Day 31 - 三十天之後

「耶~~~ 我套完了!!」Wayne 套版完之後開心地大聲嚷嚷著。 「喂,冷靜一點,這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉,我太興奮了!!Angul...

鐵人賽 Modern Web DAY 4

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

鐵人賽 Modern Web
Angular 深入淺出三十天 系列 第 31

技術 [Angular 深入淺出三十天] Day 30 - Angular 小學堂(四之四)

昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎?! 如果沒有的話沒關係,看完今天的文章再繼續努力吧!! 結帳頁套版 今天一開始我們先來套結帳頁的版...

鐵人賽 Modern Web DAY 10

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元...

鐵人賽 Modern Web
Angular 深入淺出三十天 系列 第 33

技術 [Angular 深入淺出三十天] Day 32 - 完賽心得

各位邦友大家好,我是 Leo 。 終於完賽了!!!!(舉雙手瘋狂吶喊中) 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿!!工作、家庭、鐵人賽,這蠟燭三頭燒的...

鐵人賽 Modern Web DAY 11

技術 [功能介紹-4] 組件間的溝通

本文同步發佈於:Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

鐵人賽 Modern Web DAY 22

技術 [Angular Firebase 入門與實做] Day-21 Firebase Cloud Messaging 推波訊息

每日一句來源:Daily English Put your heart, mind, and soul into even your smallest act...

鐵人賽 Modern Web DAY 12
Angular 大師之路 系列 第 12

技術 [Angular 大師之路] Day 12 - *ngTemplateOutlet 與 ng-template 的完美組合

昨天我們稍微提到了 <ng-template> ,並說明了可以把 <ng-template> 當作是一種樣板上等著被呼叫的方法(func...

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

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

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

鐵人賽 Modern Web DAY 3

技術 [Angular Firebase 入門與實做] Day-02 Realtime Database - 讀取(Read)-1

讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...

鐵人賽 Modern Web DAY 9

技術 [Angular Firebase 入門與實做] Day-08 Authentication

Never let the demands of tomorrow interfere with the pleasures and excitement o...

鐵人賽 Modern Web DAY 12

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

鐵人賽 Software Development DAY 1

技術 Day 1 - Angular前端開發環境安裝

大家好,今天第一天,本系列文章主要會以實作後的心得筆記方式呈現 先說說為什麼使用Angular的由來,以本公司的角度來著墨 開發採用Typescript,寫法...

鐵人賽 Modern Web DAY 9

技術 [功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...