iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 9
Angular 8 從推坑到放棄 系列 第 9

技術 [Day 08]可能是最簡單的 Zone.js 教學

寫在前面,為什麼要寫這一篇 Angular 最主要使用 Zone.js 來解決 Angular 非同步 事件的 Error Hadnling 的問題,所以當你看...

鐵人賽 Modern Web DAY 9

技術 [DAY-9] Angular的服務(Service)-存取資料的好幫手

在前幾篇,一直在討論元件(component)的各種應用。元件顯示資料的各種方法,以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落,這一篇要來討...

鐵人賽 Modern Web DAY 10
用Angular打造完整後台 系列 第 10

技術 day10 AppComponent(一)

簡述 AppComponent是系統內的 根組件, 通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下: 多語系初始設定 icon讀取圖片...

技術 Angular @HostListener 避免關閉瀏覽器

@HostListener('window:beforeunload', ['$event']) public beforeunloadHandler(...

鐵人賽 Modern Web DAY 9

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day08 - 增加對 Angular 專案的支援

玩了幾天的 Schematics ,不曉得大家有沒有發現一個問題:為什麼當我們在 Angular 專案裡使用 ng generate 的指令時,Angular...

鐵人賽 Modern Web DAY 8
Angular 8 從推坑到放棄 系列 第 8

技術 [Day 07] 基礎 Typescript

為甚麼要學習 Typescipt 為甚麼要學習 Typescipt,或是說 為什麼要用Typescipt 呢,Typescipt 又有什麼樣的優點跟有什麼基本...

鐵人賽 Modern Web DAY 8

技術 [DAY-8] Angular元件的互動-元件的輸入與輸出@Input, @Output

在第二篇,為什麼選擇選擇Angular的文章提到,Angular的其中之一個優點是高度模組化,可以像樂高一樣,高度與其他元件結合與抽離。而高度模組化的訣竅在於,...

鐵人賽 Modern Web DAY 9
用Angular打造完整後台 系列 第 9

技術 day09 共用service(三)

簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中有幾種服務是必然用到的。 logger.service.ts web.service.ts...

技術 [紀錄] Angular+Nest新專案建立,踩坑分享

*資料夾結構* ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...

鐵人賽 Modern Web DAY 8

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day07 - 如何測試使用範本的 Schematic

上次跟大家分享了寫測試的好處與如何撰寫測試之後,大家有自己試著寫寫看嗎?今天要來調整上次所寫的測試程式碼,令它能夠測試我們昨天所撰寫的程式。 先來看一下昨天最終...

鐵人賽 Modern Web DAY 8
用Angular打造完整後台 系列 第 8

技術 day08 共用service(二)

簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中有幾種服務是必然用到的。 logger.service.ts web.service.ts...

鐵人賽 Modern Web DAY 7

技術 [DAY-7] Angular的事件綁定介紹與應用

在前幾邊介紹到插值法、ngFor、ngIf、ngSwitch等等方法,最主要都是顯示資料的應用。最後介紹到雙向綁定-ngModel,修改資料時會修改綁定的資料外...

鐵人賽 Modern Web DAY 7

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day06 - 與範本共舞

經過三天樸實無華且枯燥的練習,相信大家一定都迫不及待想要開始學習更進一步的應用了,所以今天筆者就來分享一個比較具有實用性的應用吧! 建立範本 雖然之前練習的時候...

鐵人賽 Modern Web DAY 7
用Angular打造完整後台 系列 第 7

技術 day07 共用service(一)

簡述 說明會有哪些常見的服務是所有組件都會用的。 功能 開發過程中會有幾種服務是必然用到的。 logger.service.ts web.service.ts...

鐵人賽 Modern Web DAY 6

技術 [DAY-6] Angular元件資料的顯示與應用2- ngSwitch, ngModel

在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否,這一篇要來介紹另一個更加複雜的情況,如果是多個條件的情況要如何控制顯示? 使用n...

鐵人賽 Modern Web DAY 6
Angular 8 從推坑到放棄 系列 第 6

技術 [Day 05] Angular 是如何運作的

撰寫第一個專案後,會不會對 Angular 的運作有所好奇呢? 好我知道很多人不會XD,但是 如果要加深使用該技術的能力 就要完整的了解他整個運作方式. 一切都...

鐵人賽 Modern Web DAY 6

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day05 - JSON Schema

昨天筆者曾提到: _options 參數是一個物件,這個參數可以使用 JSON Schema 進行驗證,以確保它具有適當的預設值與類型。 但什麼是 JSON...

鐵人賽 Modern Web DAY 5

技術 [DAY-5] Angular元件資料的顯示與應用- ngFor, ngIf

在上一篇有提到,可以使用花括號({{ }})綁定值,這個有正式的名稱,稱為插值法(Interpolation) 花括號裡面寫的屬性,Angular會搜尋對應的內...

鐵人賽 Modern Web DAY 5
Angular 8 從推坑到放棄 系列 第 5

技術 [Day 04 ]為中大型的Angular專案設計專案結構

最近有一個新專案要用 Angular 開發,因為之前開發的都是以傳統C# mvc為主. 一看到透過Angular CLI產出的 Project ,除了許多檔案...

鐵人賽 Modern Web DAY 6
用Angular打造完整後台 系列 第 6

技術 day06 json-server 模擬與 Model 建置(二)

簡述 上一篇大概說明模擬數據的認知, 這篇就快速帶過安裝跟執行json-server, 以及相關的model建置。 實作 (一) json-server流程...

鐵人賽 Modern Web DAY 5

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day04 - 為你的 Schematics 撰寫測試程式

什麼是測試? 「想像一下現在你的面前有兩台飛機,一台從零件、製程到組裝都經過完整的測試,而另外一台僅經過飛行的測試,你會想要搭哪一台飛機?」 很多人以為測試...

鐵人賽 Modern Web DAY 5
用Angular打造完整後台 系列 第 5

技術 day05 json-server 模擬與 Model 建置(一)

簡述 當設計圖與規格都出現後, 前後端都會開始製作底層,前端雖著重畫面呈現, 開發的大部分時間也確實花在畫面上居多, 為了減低變動更改程式,大多數人會等待後端給...

鐵人賽 Modern Web DAY 4
Angular 8 從推坑到放棄 系列 第 4

技術 [Day 03] 終於要開始寫 Angular了

什麼是 Angular Anuglar 是一個 Javasciprt 框架 可以讓你建立一個 可互動的 單頁應用(SPA)。 那什麼是 SPA 呢? 什麼是 S...

鐵人賽 Modern Web DAY 4

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day03 - 第一個 Schematic

環境安裝 Angular 開發團隊非常地貼心,為了讓大家能夠更方便地去開發與學習 Schematics ,還特地開發了 Schematics CLI 給大家使用...

鐵人賽 Modern Web DAY 3
Angular 8 從推坑到放棄 系列 第 3

技術 [Day 02]給前端框架新手建議:用Angular非常辛苦,用Vue.js非常舒服

寫在前面 寫了這一篇好像是在戰框架,還是我跑錯棚? 身為目前使用Angular 前端開發者,我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...

鐵人賽 Modern Web DAY 4
用Angular打造完整後台 系列 第 4

技術 day04 SharedModule(二)

簡述 SharedModule是共用模塊的集合地, 此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModul...

鐵人賽 Modern Web DAY 3

技術 [DAY-3] 建立Angular 環境

Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI,只要簡單的指令就可以將Angular的環境建立起來,馬上就...

鐵人賽 Modern Web DAY 3

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day02 - 要學打人,先學挨打

要學打人,先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前,要先學會挨打。知道被打是怎麼一回事之後,自然而然就知道要怎麼打人。當然,這句話其實還有其他方...

鐵人賽 Modern Web DAY 2

技術 [DAY-2] 為什麼選擇Angular 與Nestjs

為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能,讓開發者可以不用自己造輪子,而是站在巨人的肩膀上面,跟著...

鐵人賽 Modern Web DAY 3
用Angular打造完整後台 系列 第 3

技術 day03 SharedModule(一)

簡述 SharedModule是共用模塊的集合地, 此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModul...