iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Software Development DAY 1

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

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

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

技術 [Angular 深入淺出三十天] Day 11 - Angular CLI 常用指令說明(二)

「哇賽,這 Angular CLI 還真不是普通地強大耶!!既然它這麼強大,一定還有其他好用的功能吧?!之前每次開新專案之後,Coding 前要用的 ng se...

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

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

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

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

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

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

鐵人賽 Modern Web DAY 2

技術 [新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes 用這個指令,CLI會為我...

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

技術 [Angular 深入淺出三十天] Day 10 - Angular CLI 常用指令說明(一)

「欸,Leo!滿好玩的耶!!雖然留言板功能很陽春,但寫起來的感覺也很簡單,不像以前寫 jQuery 的時候要寫一堆操作 DOM 的程式碼,然後弄到自己頭昏眼花的...

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

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

「哈~~~~」Wayne 打了一個好大的呵欠。 「喂喂喂!打起精神來阿你!有這麼無聊嗎?!」我用手臂推了 Wayne 一下,無奈他實在是太魁武了,連晃都沒晃一下...

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

技術 [Angular 大師之路] Day 04 - 認識 Angular 的生命週期

在設計 Angular 元件(component)時,可以在程式中針對 Angular 在運作程式時放入不同的 hooks(我們通常稱為 lifecycle h...

鐵人賽 Modern Web DAY 23

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

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

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

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

昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了,接下來為了方便大家練習,我們直接從 TodoMVC 的...

鐵人賽 Modern Web DAY 13

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

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

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

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

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

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

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

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

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

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

回顧一下我們目前完成的效果: 完成了新增待辦事項的功能之後,接下來當然是要來能夠註記是否已完成該項待辦事項囉!如果你有操作的話其實會發現,目前清單前面的 Ch...

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

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

達標好文 技術 [Angular 元件庫 NG-ZORRO 基礎入門] Day 01 - 寫在前面

關於Angular Angular 是由Google推出的前端框架,許多文章也詳細介紹過Angular相關知識,在此就不再贅述。更多關於Angular的相關知識...

鐵人賽 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 17
Angular 深入淺出三十天 系列 第 17

達標好文 技術 [Angular 深入淺出三十天] Day 16 - Angular小學堂(三之四)

上圖是我們目前的進度,已完成了待辦事項的新增、刪除與狀態變更的功能。 CRUD (Create、Read、Update、Delete) 目前只剩下 U 還沒完...

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

技術 [Angular 大師之路] Day 11 - *ngIf 有 else 可以用嗎?

我們都知道,在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現,但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...

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

技術 [Angular 大師之路] Day 13 - 認識 ng-container

今天我們來聊聊在 Angular 上一個有趣又方便,也是個人非常喜歡使用的語法 - <ng-container> 類型:技巧 難度:3 顆星 實用...

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

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

「Yes!終於完成了!!」Wayne 做完 Todo List 之後開心地舉起雙手大聲歡呼。 「如何?寫 Angular 很好玩吧?!」我笑著說。 「好玩好玩!...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 28

技術 [Angular Firebase 入門與實做] Day-27 [實做] 使用者登入狀態

每日一句來源:Daily English The only limit to our realization of tomorrow will be our...