前言回顧 本章內容這是我們在專案實戰前比較重要的一個部分，完成該部分選單佈局開發後，我們就具備了一個專案基礎的佈局框架：頁面佈局、選單導航、內容頁、基礎路由配置...
昨天我們介紹了 NG-ZORRO 的一些概念性知識，今天我們就正式建立一個 Angular 專案，引入該元件庫進行開發，看看 NG-ZORRO 到底有什麼值得我...
關於Angular Angular 是由Google推出的前端框架，許多文章也詳細介紹過Angular相關知識，在此就不再贅述。更多關於Angular的相關知識...
Angular推薦編輯器 VSCode 好用插件： Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...
Angular CLI Angular CLI是一整套開發平台 輸入相關命令即可完成創建 需要先安裝 Node.js npm 於command輸入...
什麼是Angular Angular是一套Web前端開發框架(Framework) 它由Html+css+TypeScript組成 特點為模塊化(Module...
概述 在组件交互中，组件之间的镶嵌一般有两种方式： 在创建父组件时将子组件直接写在模版中。 子组件通过投影方式嵌入父级组件，通过 ng-content...
下載版型 確認網頁是否能順利執行，個人使用lite-server。 建立Angular專案。 進入專案的index.html，<head&...
相較於Part1只佈署dist資料夾，這次要說明如何佈署整個Angular專案。 執行npm i angular-cli-ghpages安裝angular-...
我們可以使用Angular CLI的命令ng build --prod來建置Angular App。 完成之後，在專案內會多一個dist資料夾，放的就是建置之後...
之前一篇說明如何在本機端預覽Angular build後的結果，接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境： 需具備知識...
實作: 根據scroll的位置，在頁面上方顯示一個 progress bar 對應scroll 的位置。 Demo:https://angular-ym-scr...
Responsibilities: Quick prototyping web content including working with DESIGN T...
各位邦友大家好，我是 Leo 。 終於完賽了！！！！（舉雙手瘋狂吶喊中） 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿！！工作、家庭、鐵人賽，這蠟燭三頭燒的...
「耶～～～ 我套完了！！」Wayne 套版完之後開心地大聲嚷嚷著。 「喂，冷靜一點，這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉，我太興奮了！！Angul...
明天一大早，以公假狀態，要坐車北上去聽台灣首屆 Angular conference~今晚針對議程的關鍵字去做預習！！ How Reactive Program...
整理 Angular Material 到(2018/11/15)前的模組列表 Angular Material 共 35 個 Angular Material...
昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎？！ 如果沒有的話沒關係，看完今天的文章再繼續努力吧！！ 結帳頁套版 今天一開始我們先來套結帳頁的版...
昨天我們講了幾個常用 RxJS operators，今天再來看看一些其他在 Angular 常見的應用吧！ 類型：技巧 難度：5 顆星 實用度：5 顆星 deb...
在前兩天介紹 AsyncPipe 時，我們不難發現當進入 RxJS 思維時，搭配 AsyncPipe 可以帶來非常多的好處！雖然透過這種不使用 subscrib...
好的，我們今天要開始套版了！！ 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載，容我先小小地說明一下： 點擊 GitHu...
今天我們來認識一下兩個重要的 AsyncPipe 特性，可以幫助我們在使用 AsyncPipe 時更有信心，打造出更高效能的程式！ 類型：觀念/技巧 難度：5...
昨天我們把落單的 UI 元件跟其模組關聯完之後，今天接著要來設定路由的部份！ 開始設定路由前，可以先看看我們準備好的路徑定義檔 － app-path.const...
在撰寫前端程式時，我們很難避免會遇到非同步的程式處理，在大量使用 RxJS 的 Angular 中更是如此，而今天我們要介紹的 AsyncPipe 在樣板上要處...
這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時，由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...
子路由模組 當我們將頁面或功能包裝成模組的時候，也能在其中加入路由的設定，使其變成含有路由的子路由模組。 跟 AppRoutingModule 不一樣的是，子路...
今天我們來看看元件內的變更偵測策略，打造高效能元件！ 類型：觀念 難度：5 顆星 實用度：4 顆星 關於元件內的變更偵測 首先來看一下這段程式碼： impor...
我覺得路由是 Angular 裡很重要的一部分，也是一個初學者比較不容易理解的部分，所以希望透過這七天的小小練習，會讓大家對路由有個初步的認識。 不過分了七天講...
昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機，今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 -...
在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...
馬達
‧
2018-11-09
simplejason
Leo
Mike Huang
iThome鐵人賽
看影片追技術