本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...
什麼是 Angular Anuglar 是一個 Javasciprt 框架 可以讓你建立一個 可互動的 單頁應用(SPA)。 那什麼是 SPA 呢? 什麼是 S...
模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...
那我們就直接開始建立一個專案 進入https://cli.angular.io/ 一進去有個圖片開宗明義,照著下 //先透過npm安裝好angular cli...
Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...
本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...
什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加,刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...
前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ,這種會改變 DOM 結構的語法,像是 *ngIf...
寫在前面 寫了這一篇好像是在戰框架,還是我跑錯棚? 身為目前使用Angular 前端開發者,我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...
讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...
Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式,叫做 directive,透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或...
今天我們來看看,如何集中管理所有的錯誤訊息。 類型:技巧 難度:3 顆星 實用度:3 顆星 在撰寫程式時,我們很難避免完全不發生任何錯誤,總是會有未預期錯誤發...
昨天我們介紹了使用 *ngComponentOutlet 的方法來動態產生元件,其實它是一個使用 ViewContainerRef 來顯示不同內容的行為,因此我...
Pipes有那些? 常用的Pipes有DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipe,和PercentPip...
在設計 Angular 程式時,我們很習慣的會將各種不同目標或功能的畫面拆成不同的元件,這麼一來每個元件的程式就會相對比較簡單,管理上也會更加容易,不過當樣板上...
你經常覺得時間不夠用嗎?你經常研讀或學習如何管理自己的時間嗎?你經常每天工作超過八個小時嗎? 在這個世界最公平的是,每個人每天都只有二十四個小時,也正因為如此,...
title: "[Angular 大師之路] 認識 InjectionToken" date: 2018-11-07 22:24:16 c...
Life is a journey, not a destination. Hosting firebase有提供我們靜態檔案hosting的功能,讓我們的...
關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...
Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (U...
Cloud Firestore is a NoSQL, document-oriented database. Unlike a SQL database,...
ngrx/store 之路由篇 今天開始 今天完成 今天的目標:將路由狀態加入 store 基本上這個部份大都是標準程式碼 (boilerplate),也就...
每日一句來源:Daily English No matter what label is thrown you way, only you can defin...
今天我們來認識一下兩個重要的 AsyncPipe 特性,可以幫助我們在使用 AsyncPipe 時更有信心,打造出更高效能的程式! 類型:觀念/技巧 難度:5...
Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁,先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...
昨天我們介紹了 NG-ZORRO 的一些概念性知識,今天我們就正式建立一個 Angular 專案,引入該元件庫進行開發,看看 NG-ZORRO 到底有什麼值得我...
今天想講一下利用cli建置好一個空的Angular專案後,我覺得應該要有怎麼樣的配置,配置好再寫程式也不遲阿~ 為什麼是Angular"Tri&quo...
ngrx/store 之會員篇 Effects, Selector 今天開始 今天完成 今天目標:完成會員部分的 ngrx/store 複習一下我們的目標...
The past can hurt. But from the way I see it, you can either run from it, or le...
每日一句來源:Daily English A great secret of success is to go through life as a man w...