iT邦幫忙

angular相關文章
共有 184 則文章
鐵人賽 Modern Web DAY 23
Angular 大師之路 系列 第 23

技術 [Angular 大師之路] Day 23 - 認識 InjectionToken

title: "[Angular 大師之路] 認識 InjectionToken" date: 2018-11-07 22:24:16 c...

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

技術 [Angular 大師之路] Day 22 - 各種在程式中取的注入 token 實體的方法

前兩天我們學到了多種替換注入 token 內容的方法,今天我們來看看如何取得不同注入內容的方式: 類型:觀念 難度:4 顆星 實用度:3 顆星 建構式注入 建構...

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

技術 [Angular 深入淺出三十天] Day 21 - 路由(四)

到目前為止,我們都是只有用 Component 來設定我們的路由。但在實際應用上,通常我們會將相關的功能包裝成一個一個的 NgModule ,而每個 NgMod...

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

技術 [Angular 深入淺出三十天] Day 20 - 路由(三)

「原來 Angular 的路由是這樣設定的,比我想像中簡單耶!」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的,不過目前只有第一層而已。在實務上應用時一...

鐵人賽 Modern Web DAY 26
Angular初期筆記 系列 第 26

技術 DAY26-Angular6之RxJS初介紹

對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」,從包裝到加工最後輸出,對於 Angular 來說是必備的(像 HttpClient 也會用到),原...

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

技術 [Angular 大師之路] Day 20 - 在 @NgModule 的 providers: [] 自由更換注入內容 (1)

相依注入是一般物件導向程式設計的一個大重點,相依注入用得越好程式彈性就越高,而 Angular 本身架構就包含了非常強大的相依注入功能,讓我們自由切換想要注入的...

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

技術 [Angular 深入淺出三十天] Day 19 - 路由(二)

昨天我們完成了上圖的路由設定與換頁效果,所以 Angular 的路由機制到底做了什麼呢? 還記得我們昨天有在 app-routing.module.ts 做了...

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

技術 [Angular 大師之路] Day 19 - 使用 APP_INITIALIZER 在程式運行早期處理資料

在開發一個應用程式時,我們常常需要在程式正常運作前,進行一些初始化的動作,在 Angular 中則是提供了一個 APP_INITIALIZER 設定,讓我們可以...

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

技術 [Angular 深入淺出三十天] Day 18 - 路由(一)

「Leo,我一直有個問題想問你。」Wayne 神秘兮兮的說。 「什麼問題?」看他這麼神秘兮兮的我也緊張了起來。 「既然是 SPA ,就代表整個 Web 從頭到尾...

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

技術 [Angular 大師之路] Day 18 - 使用 ErrorHandler 集中處理錯誤

今天我們來看看,如何集中管理所有的錯誤訊息。 類型:技巧 難度:3 顆星 實用度:3 顆星 在撰寫程式時,我們很難避免完全不發生任何錯誤,總是會有未預期錯誤發...

鐵人賽 Modern Web DAY 23
Angular初期筆記 系列 第 23

技術 DAY23-Angular6之路由-再上一層樓

先說說有路由守衛 當需要路由守衛,用於判別可否進入該路由,關鍵字:canActivate,下面都是好文章,快去爬文吧!ㄜ~先把下面的看完再走! https://...

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

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

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

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

技術 [Angular 大師之路] Day 17 - 使用 HTTP_INTERCEPTORS 攔截 Http Request

在開發 Angular 應用程式時,HTTP 請求絕對可以說是最常使用的功能之一,而在一般的應用情境上,我們很常會需要針對請求再做額外的包裝,或統一的管理,這時...

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

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

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

鐵人賽 Modern Web DAY 22
Angular初期筆記 系列 第 22

技術 DAY22-Angular6之路由-簡單實作

先備知識 路由用在哪裡? 根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要...

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

技術 [Angular 大師之路] Day 16 - 自己的樣板語法自己做 (Structural Directives)

前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ,這種會改變 DOM 結構的語法,像是 *ngIf...

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

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

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

鐵人賽 Modern Web DAY 21
Angular初期筆記 系列 第 21

技術 DAY21-Angular6之pipe

基本說明 pipe 基本上就是值的轉換 下圖是在官網查詢 pipe 的所有項目https://angular.io/api?type=pipe     Cur...

技術 3.[幸福銅鏡] docker port for angular

docker run --name miaoli -v $PWD:/var/miaoli -it -d -p 4200:4200 ubuntu docker...

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

技術 [Angular 大師之路] Day 15 - 動態載入元件 (複雜版)

昨天我們介紹了使用 *ngComponentOutlet 的方法來動態產生元件,其實它是一個使用 ViewContainerRef 來顯示不同內容的行為,因此我...

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

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

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

鐵人賽 Modern Web DAY 20
Angular初期筆記 系列 第 20

技術 DAY20-Angular6之實現子上父

先備知識 EventEmitter(中文:事件發射器) 發射一個同步或非同步的自訂事件在 directives 和 components ,並註冊處理這些事件...

鐵人賽 Software Development DAY 29
Emacs 來寫程式 系列 第 29

技術 [Emacs-29] 用 Emacs 來寫 Angular

Emacs 對於 typescript 的設定 其實在前面寫 javascript 設定時,已經將後端 tsserver 設定完畢了,這裡只要加入 (add-h...

技術 2.[幸福銅鏡] 環境建置

get node and npm basically To get this version, you can use the apt package mana...

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

技術 [Angular 大師之路] Day 14 - 動態載入元件 (簡易版)

在設計 Angular 程式時,我們很習慣的會將各種不同目標或功能的畫面拆成不同的元件,這麼一來每個元件的程式就會相對比較簡單,管理上也會更加容易,不過當樣板上...

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

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

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

鐵人賽 Modern Web DAY 19
Angular初期筆記 系列 第 19

技術 DAY19-Angular6之實現父到子傳值

新增一個 component angular cli 建立 component 網址 https://github.com/angular/angular-cl...

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

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

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

鐵人賽 Modern Web DAY 18
Angular初期筆記 系列 第 18

技術 DAY18-Angular6之表單-簡易Reactive Form

前言 昨日上了 Kevin 大大的 Reactive Form ,發現假如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form...

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

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

「原來 ng serve 裡有這麼多學問阿?!真是長見識了!!那我們該如何交付我們的程式或是將我們開發出來的程式放到網路上呢?直接把整個專案資料夾放進空間裡嗎?...