iT邦幫忙

angular相關文章
共有 433 則文章
鐵人賽 Microsoft Azure DAY 11

技術 Day 11- 掌中乾坤:狼人殺 - 實戰 - 前端開發 (三)主持畫面

前言 昨天我們開發完入口畫面之後,現在要接著做房間的版面。 從前端開始建構的時候,我們有訂出規格: Layout上我們預先設計可以辨識創立房間的ID跟分享的...

鐵人賽 Software Development DAY 11

技術 [Day11] 瀏覽器開發工具 - 擴充功能篇

雖然開發者工具中已經提供相當豐富的功能,也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API,像是目前大多主流的前端框架的開發者...

鐵人賽 Modern Web DAY 26
Angular10 實作教學 系列 第 26

技術 NG10鐵人賽 - 26 - Template-Drive & Reacitve Forms 自訂驗證

Reactive Forms 自訂驗證 trim-required-validatorr.ts (自己手動建立檔案) import { AbstractCont...

鐵人賽 自我挑戰組 DAY 11

技術 [影片]第11天:在Service中使用HttpClient

今天完成文件中,試一試章節>管理資料做完。 GitHub Stackblitz 粉絲專頁:https://www.facebook.com/dannyl...

鐵人賽 Microsoft Azure DAY 10

技術 Day 10- 丹脣外朗,皓齒內鮮:狼人殺 - 實戰 - 前端開發 (二)入口網站

今天直接進入Live Coding的部分,有關影片內容可以看 前言 前幾天帶大家理順專案的流程,昨天定義好前端資料格式後,然後進入正式開發流程。 從Stac...

鐵人賽 Modern Web DAY 25
Angular10 實作教學 系列 第 25

技術 NG10鐵人賽 - 25 - ReactiveForm Validator 驗證

說明 static min(min: number): ValidatorFn 數字要高於等於 min static max(max: number): Val...

鐵人賽 自我挑戰組 DAY 10

技術 [影片]第10天:用服務Service管理資料-建立購物車檢視

今天花了大概半個小時講建立購物車元件後,怎麼取得儲存在購物車服務中的物品列表 Stackblitz Fork版本 GitHub程式碼 粉絲專頁:https:/...

鐵人賽 Modern Web DAY 10
玩轉 Storybook 系列 第 10

技術 玩轉 Storybook: Day 10 Naming components and hierarchy

Naming components 修改一下Story檔案,對應於Component的Title名稱(default export區塊),就會發現Sidebar...

鐵人賽 Microsoft Azure DAY 9

技術 Day 09- 丹脣外朗,皓齒內鮮:狼人殺 - 實戰 - 前端開發 (一)

圖片來源:bluecoders 做得越好的網站就跟衣冠禽獸一樣,表裡不一。 前端開發 我們來看當初訂定的產品規格, 入口網站 今天我們13人組了賽局,...

鐵人賽 Modern Web DAY 24
Angular10 實作教學 系列 第 24

技術 NG10鐵人賽 - 24 - FormArray 實作

結果 html <form (ngSubmit)="onSubmit()" [formGroup]="form"...

鐵人賽 自我挑戰組 DAY 9

技術 [影片]第9天:用服務Service管理資料-建立購物車服務

今天鐵人賽第9天,跟大家分享我今天學到在Stackblitz上,如果有把專案連到GitHub的話,但是只Save專案卻沒Commit的話重新整理就沒有了QQ,...

鐵人賽 Modern Web DAY 10
Angular - 從零開始 系列 第 10

技術 Angular - 從零開始 - Day10 -範本參考變數基本認識

範本參考變數 在想命名的變數前面加上一個井字號,命給與自定義名稱,就可以完成,EX. #name,為避免與其他命名的變數相同,建議前面加一個任意英文字,我學習...

鐵人賽 Modern Web DAY 9
玩轉 Storybook 系列 第 9

技術 玩轉 Storybook: Day 09 Decorators

Decorators Decorator是一種設計模式,把要被裝飾的Story當做參數,傳入裝飾器中,Decorator可以幫Story加上額外的資訊,賦予給S...

鐵人賽 Modern Web DAY 23
Angular10 實作教學 系列 第 23

技術 NG10鐵人賽 - 23 - FormArray 介紹

說明 英文 Tracks the value and validity state of an array of FormControl, FormGroup...

鐵人賽 自我挑戰組 DAY 8

技術 [影片]第8天:試一試應用內導航-路由(完)

GitHub StackBlitz 個人部落格:https://www.facebook.com/dannyliu.me 補字區: [鐵人賽文章需300字以上...

鐵人賽 Modern Web DAY 8
玩轉 Storybook 系列 第 8

技術 玩轉 Storybook: Day 08 Parameters

Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料),Parameter能提供給不同的addon去做設定。...

鐵人賽 Modern Web DAY 22
Angular10 實作教學 系列 第 22

技術 NG10鐵人賽 - 22 - FormGroup 實作

說明 基礎使用可以看一下之前寫的文章 Angular6之表單-簡易Reactive Form https://ithelp.ithome.com.tw/arti...

鐵人賽 Modern Web DAY 7
玩轉 Storybook 系列 第 7

技術 玩轉 Storybook: Day 07 Write stories

Template & Args 同一個元件的多個story function,都會重複的指定相同的Template,可以拉出一個共用 template...

鐵人賽 自我挑戰組 DAY 6

技術 [影片]第6天:你的第一個Angular應用-路由(應用內導航)(上)

https://stackblitz.com/edit/angular-5r8rju?file=src/app/app.component.ts 補字區: [...

鐵人賽 Modern Web DAY 21
Angular10 實作教學 系列 第 21

技術 NG10鐵人賽 - 21 - FormGroup 介紹

說明 英文 Note that just as a form group contains a group of controls, the profile f...

鐵人賽 Modern Web DAY 6
Angular 全集中筆記 系列 第 6

技術 第 6 型 - 單向資料繫結 (One-way Binding)

在開發應用程式時,常會需要將資料顯示在頁面中,或是在使用者操作後更改資料。為了實作此種需求,Angular 提供了資料繫結 (Data Binding) 的方法...

鐵人賽 Modern Web DAY 6
玩轉 Storybook 系列 第 6

技術 玩轉 Storybook: Day 06 Component Story Format

Story檔案放置位置 Component對應的Story檔案,通常會放置在Component檔案旁邊。Story只會用於開發時期,在Production的bu...

鐵人賽 自我挑戰組 DAY 5

技術 [影片]第5天:你的第一個Angular應用-輸入@Input()與輸出@Output()篇

本次程式碼 補字區: [鐵人賽文章需300字以上內容] [鐵人賽文章需300字以上內容] [鐵人賽文章需300字以上內容] [鐵人賽文章需300字以上內容]...

鐵人賽 Modern Web DAY 20
Angular10 實作教學 系列 第 20

技術 NG10鐵人賽 - 20 - 重新整理頁面帶入值

注意事項 各 component 資料 null 時的畫面處理 app.component.ts 設定本地端的資料、儲存資料到資料Service 在 Cal...

鐵人賽 Modern Web DAY 5
玩轉 Storybook 系列 第 5

技術 玩轉 Storybook: Day 05 CLI Options

以下列出,啟動或是建置 Storybook 時,有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...

鐵人賽 自我挑戰組 DAY 4

技術 [影片]第4天:你的第一個Angular應用-元件篇

今天閱讀你的第一個Angular應用-元件部分,並解釋上次onclick原本傳統寫法發生is not define的原因 補字區: [鐵人賽文章需300字以上...

鐵人賽 Modern Web DAY 19
Angular10 實作教學 系列 第 19

技術 NG10鐵人賽 - 19 - localStorage & sessionStorage 使用

說明 用於 使用 localStorage 和 sessionStorage 儲存資料,並且在重新整理網頁時,再次讀取資料,並載入到應用程式 localStor...

鐵人賽 Modern Web DAY 4
Angular 全集中筆記 系列 第 4

技術 第 4 型 - Angular 模組

在開發 Angular 應用程式時,會依照特定的規則(如是否為相同應用領域、或是否為一連串的作業流程等等)將元件分類至不同的模組。這一篇就來看如何定義與建立 A...

鐵人賽 Modern Web DAY 4
玩轉 Storybook 系列 第 4

技術 玩轉 Storybook: Day 04 Configure

預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook,若需要變更路徑及名稱,要在Storybook的CLI指令做設定。...

鐵人賽 Modern Web DAY 18
Angular10 實作教學 系列 第 18

技術 NG10鐵人賽 - 18 - 資料傳遞處理 - 處理完再給你

說明 調用 resolve service 先把資料處理完成 ,再用 private route: ActivatedRoute 給 component 調用...