iT邦幫忙

angular相關文章
共有 687 則文章
鐵人賽 Modern Web DAY 15
ngrx/store 4 學習筆記 系列 第 15

技術 [ngrx/store-15] 投顧網站 - 設定篇

投顧網站 - 設定篇 今天開始 今天完成您可以直接看今天完成的結果,或者用 git clone https://github.com/jerryhsieh/ng...

鐵人賽 Modern Web DAY 4

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

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

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

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

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

鐵人賽 Modern Web DAY 11

技術 [DAY-11] Angular-RXJS非同步事件的好幫手

在上一篇,使用httpClient取得API資料的時候,看到一段陌生的程式碼 ngOnInit() { // this.heros = this.da...

鐵人賽 Blockchain DAY 18

技術 [區塊練起來-智能合約與DApp開發] DAY 18 - web3.js 取得 Provider

貼心小語 上一篇我們把 Angular 、 MetaMask 、 BootStrap 以及 web3.js 都裝好了,這一篇會寫簡單的 Service 來取得錢...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14:怎麼在 Angular 使用 Bootstrap?

由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...

鐵人賽 Modern Web DAY 28

技術 [技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

鐵人賽 Modern Web DAY 26

技術 [Angular Firebase 入門與實做] Day-25 搜尋引擎優化SEO Rendertron

每日一句來源:Daily English Goals are not only absolutely necessary to motivate us. Th...

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

技術 [ngrx/store-25] ngrx/store 設定篇及會員篇之 Action, Reducer

ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步:安裝相關套件 npm inst...

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

技術 [ngrx/store-13] Store 加入 select

Store 加入 select 我們的 Store 內部大致完成,但是對於客戶 (Subscriber),我們還少了介面,在 ngrx/store 裡,給客戶的...

鐵人賽 Modern Web DAY 11

技術 Angular 深入淺出三十天:表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多,如下所示: 被保險人的欄位: 姓名(文字輸入框)...

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

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http req...

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

技術 [Day 07] 基礎 Typescript

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

鐵人賽 Modern Web DAY 18

技術 [Angular Firebase 入門與實做] Day-17 Cloud Functions Cloud Storage Triggers

每日一句來源:Daily English A pessimist sees the difficulty in every opportunity; an o...

鐵人賽 Modern Web DAY 4

技術 [Angular 元件庫 NG-ZORRO 基礎入門] Day 04 - 待辦事項 + Table

前言回顧 前兩天我們已經完成了專案基本佈局,大家對 NG-ZORRO 的一些元件使用方式、文件查閱等都有了一些簡單地瞭解,但是,最好的學習永遠是實踐。今天開始,...

鐵人賽 Modern Web DAY 24

技術 [技術支援-2] 讓IDE支援Angular Language Service

語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...

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

技術 [ngrx/store-30] ngrx/store 完成篇

ngrx/store 完成篇 今天開始 今天完成 今天目標:完成會員報告前次已經將會員報告 store 的部分完成,接下來我們來修改跟報告有關的元件 (...

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

技術 玩轉 Storybook: Day 02 安裝

Install Storybook 安裝 Storybook 只需要在Terminal,切換到現有專案的根目錄後,簡單的執行一行指令 npx sb init...

鐵人賽 Modern Web DAY 2

技術 Angular 深入淺出三十天:表單與測試 Day02 - Template Driven Forms 實作 - 以登入為例

今天要來用 Template Driven Forms 的方式實作一個簡單的登入系統,撇開 UI 不談,具體的功能需求規格如下: 帳號 格式為 Email...

鐵人賽 Modern Web DAY 30

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day30 - 總結

三十天系列文至此即將告一個段落,雖然筆者到目前為止並沒有分享非常多的實戰,但 ng generate 、 ng add 、 ng update 這三個面向的 S...

鐵人賽 Modern Web DAY 17

技術 [Angular Firebase 入門與實做] Day-16 Cloud Functions Cloud Firestore Triggers

每日一句來源:Daily English There is nothing noble in being superior to some other man...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05:AngularJS?Angular?傻傻分不清楚?

Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...

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

技術 [ngrx/store-14] 用 Angular 5  建立一個投顧網站 - 需求篇

用 Angular 5  建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來...

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

技術 DAY21-Angular6之pipe

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

鐵人賽 Modern Web DAY 14

技術 [Angular Firebase 入門與實做] Day-13 Cloud Functions

每日一句來源:Daily English Luck is not chance, it's toil. Fortune's expensive smile i...

鐵人賽 Modern Web DAY 16

技術 [DAY-16] Angular的資料轉換-管道(pipe)-自訂管道

上一篇提到如何使用Angular內建的管道。Angular內建的管道固然很實用,但是不能涵蓋全部的使用情境,如果沒有涵蓋到,就自己來定義一個管道吧 事前準備 h...

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

技術 DAY1-Angular6之小火龍到火恐龍

此次挑戰主旨 回憶並統整剛開始學習 angular 的內容。 怎麼會想接觸前端? 先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發...

鐵人賽 Modern Web DAY 10

技術 [DAY-10] Angular-使用HttpClient取得資料

在上一篇提到,所有存取資料的操作都應該在服務(Service)完成,元件(Componet)不應該負責存取資料,只應該負責如何顯示資料與畫面上的操作。 因此建立...

鐵人賽 Modern Web DAY 3

技術 [Angular] Day3. angular.json

在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...

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

技術 [ngrx-store-9] 用 Observable 來理解 Dispatcher 跟 Store

用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...