iT邦幫忙

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

技術 [ngrx/store-7] 純函數 (Pure Function)

純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...

技術 Angular Material 模組列表整理

整理 Angular Material 到(2018/11/15)前的模組列表 Angular Material 共 35 個 Angular Material...

鐵人賽 Modern Web DAY 23

技術 [Angular Firebase 入門與實做] Day-22 Firebase Cloud Messaging 推波訊息 02 登入登出token實做

每日一句來源:Daily English There is no doubt that good things will come, and when it...

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

技術 [ngrx/store-12] Store 加完整的 Reducer

Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上,我們來看一下多個 Reducer 的例子 多個(multiple) Red...

鐵人賽 Modern Web DAY 19

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

每日一句來源:Daily English The first and greatest victory is to conquer yourself; to...

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

技術 [Angular 大師之路] Day 19 - 使用 APP_INITIALIZER 在程式運行早期處理資料

在開發一個應用程式時,我們常常需要在程式正常運作前,進行一些初始化的動作,在 Angular 中則是提供了一個 APP_INITIALIZER 設定,讓我們可以...

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

技術 DAY3-Angular6之資料夾和檔案配置既說明

Angular 專案資料夾既檔案配置和說明 若有參考其他資料來源在 文字 旁會有[數字]標誌,可在下方參考來源對照,並觀看原作者說明 資料夾 說明 備註...

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

技術 [Angular 大師之路] Day 20 - 在 @NgModule 的 providers: [] 自由更換注入內容 (1)

相依注入是一般物件導向程式設計的一個大重點,相依注入用得越好程式彈性就越高,而 Angular 本身架構就包含了非常強大的相依注入功能,讓我們自由切換想要注入的...

鐵人賽 Modern Web DAY 20

技術 [Angular Firebase 入門與實做] Day-19 Cloud Functions Cloud Storage Triggers 03 修正聊天室顯示功能

每日一句來源:Daily English A great secret of success is to go through life as a man w...

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

技術 DAY18-Angular6之表單-簡易Reactive Form

前言 昨日上了 Kevin 大大的 Reactive Form ,發現假如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form...

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

技術 DAY21-Angular6之pipe

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

鐵人賽 Software Development DAY 29
Emacs 來寫程式 系列 第 29

技術 [Emacs-29] 用 Emacs 來寫 Angular

Emacs 對於 typescript 的設定 其實在前面寫 javascript 設定時,已經將後端 tsserver 設定完畢了,這裡只要加入 (add-h...

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

技術 DAY29-Angular6之 HttpClient 基礎說明

HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...

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

技術 DAY30-Angular6之 HttpClient 實作

在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...

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

技術 DAY7-Angular6之「IT狗的生活」開演/@NgModule項目

前情提要 DAY6-Angular6之假如app是舞台劇/@Component項目 開演啦! 在沒有 routing 的狀況下 以下就可以演好一齣戲了,僅讓 I...

技術 將Angular7 App佈署至GitHub Pages - Part1

之前一篇說明如何在本機端預覽Angular build後的結果,接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境: 需具備知...

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

技術 DAY26-Angular6之RxJS初介紹

對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」,從包裝到加工最後輸出,對於 Angular 來說是必備的(像 HttpClient 也會用到),原...

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

技術 DAY13-Angular6之data binding-Two-way data binding

Two-way data binding with ngModel (中文:使用 ngModel 的 雙向繫結) 當開發數據輸入表單時,通常都會顯示 data...

技術 將Angular7 App佈署至GitHub Pages - Part2

相較於Part1只佈署dist資料夾,這次要說明如何佈署整個Angular專案。 執行npm i angular-cli-ghpages安裝angular-...

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

技術 DAY19-Angular6之實現父到子傳值

新增一個 component angular cli 建立 component 網址 https://github.com/angular/angular-cl...

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

技術 DAY12-Angular6之data binding-Style

Style binding (中文:樣式繫結) 你可以利用 style binding 設定內部 styles https://angular.io/guid...

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

技術 DAY22-Angular6之路由-簡單實作

先備知識 路由用在哪裡? 根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要...

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

技術 DAY20-Angular6之實現子上父

先備知識 EventEmitter(中文:事件發射器) 發射一個同步或非同步的自訂事件在 directives 和 components ,並註冊處理這些事件...

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

技術 DAY14-Angular6之樣板參考變數-實作

說明 在傳送值的過程,有時候會需要一些其他 element 的 properties,於是就用 JS 的 docoument.get... 去抓元素,直到一天我...

活動 ModernWorkshop + ModernWeb 戰力 UP!UP!

【此場為 ModernWeb 2018 聯動 Workshop】 Angular 是一套純前端的網頁開發框架,搭配 Firebase 更能讓我們在短的時間內建...

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

技術 DAY23-Angular6之路由-再上一層樓

先說說有路由守衛 當需要路由守衛,用於判別可否進入該路由,關鍵字:canActivate,下面都是好文章,快去爬文吧!ㄜ~先把下面的看完再走! https://...

技術 將網路download的靜態網頁轉型成Angular應用程式

下載版型 確認網頁是否能順利執行,個人使用lite-server。 建立Angular專案。 進入專案的index.html,<head&...

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

技術 DAY16-Angular6之表單-Template-drive Forms

基礎 Template-drive Forms (中文:樣板驅動表單),裡面有四個要素,搞懂他們就可以完勝囉! form 裡面的 name [(hello)]...

技術 在Local端預覽Angular建置的結果

我們可以使用Angular CLI的命令ng build --prod來建置Angular App。 完成之後,在專案內會多一個dist資料夾,放的就是建置之後...

技術 Angular 中 @ViewChild 与 @ContentChild 的区别

概述 在组件交互中,组件之间的镶嵌一般有两种方式: 在创建父组件时将子组件直接写在模版中。 子组件通过投影方式嵌入父级组件,通过 ng-content...