iT邦幫忙

angular相關文章
共有 686 則文章
鐵人賽 Modern Web DAY 22

技術 [Angular Firebase 入門與實做] Day-21 Firebase Cloud Messaging 推波訊息

每日一句來源:Daily English Put your heart, mind, and soul into even your smallest act...

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

技術 [ngrx/store-8] Javascript Mutable 跟 Immutable 資料型態

Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...

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

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

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

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

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

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

鐵人賽 Modern Web DAY 9

技術 [功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...

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

達標好文 技術 [Angular 深入淺出三十天] Day 32 - 完賽心得

各位邦友大家好,我是 Leo 。 終於完賽了!!!!(舉雙手瘋狂吶喊中) 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿!!工作、家庭、鐵人賽,這蠟燭三頭燒的...

鐵人賽 Software Development DAY 2

技術 Day 2 - Angular Cli建一個專案

那我們就直接開始建立一個專案進入https://cli.angular.io/ 一進去有個圖片開宗明義,照著下 //先透過npm安裝好angular cli套...

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

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

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

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

技術 [Angular 大師之路] Day 09 - exportAs - 取得 directive 實體的方法

Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式,叫做 directive,透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 10

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元件...

鐵人賽 Modern Web DAY 15

技術 [功能介紹-8] Pipes

Pipes有那些? 常用的Pipes有DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipe,和PercentPip...

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

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

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

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

技術 [Day 18] 如何使用 Angular Routing

今天要來介紹如何使用Roting來切換頁面 透過Routing可以決定所要顯示的Page預設透過 Angular CLI 建立的為 app-routing.mo...

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

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

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

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

鐵人賽 Modern Web DAY 8

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

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

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

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

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

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

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

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

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

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (Us...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 9

技術 [Angular Firebase 入門與實做] Day-08 Authentication

Never let the demands of tomorrow interfere with the pleasures and excitement o...

鐵人賽 Modern Web DAY 2

技術 [Angular 元件庫 NG-ZORRO 基礎入門] Day 02 - 安装 + Button

昨天我們介紹了 NG-ZORRO 的一些概念性知識,今天我們就正式建立一個 Angular 專案,引入該元件庫進行開發,看看 NG-ZORRO 到底有什麼值得我...

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

技術 [Angular 大師之路] Day 28 - 認識 AsyncPipe (2) - 進階技巧

今天我們來認識一下兩個重要的 AsyncPipe 特性,可以幫助我們在使用 AsyncPipe 時更有信心,打造出更高效能的程式! 類型:觀念/技巧 難度:5...

鐵人賽 Modern Web DAY 3

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

今天要來用 Reactive Forms 的方式實作一個簡單的登入系統,撇開 UI 不談,具體的功能需求規格跟昨天差不多,如下所示: 帳號 格式為 Ema...

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

技術 Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

鐵人賽 Modern Web DAY 12

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

鐵人賽 Modern Web DAY 1

達標好文 技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day00 - 前言

你經常覺得時間不夠用嗎?你經常研讀或學習如何管理自己的時間嗎?你經常每天工作超過八個小時嗎? 在這個世界最公平的是,每個人每天都只有二十四個小時,也正因為如此,...

鐵人賽 Modern Web DAY 25

技術 [技術支援-3] Service worker離線支援

關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...

鐵人賽 Software Development DAY 3

技術 Day 3 AngularTri專案架構配置-component & service & routing

今天想講一下利用cli建置好一個空的Angular專案後,我覺得應該要有怎麼樣的配置,配置好再寫程式也不遲阿~為什麼是Angular"Tri&quot...