 HarveyMac
|
d8c39876e6
|
FactoryService使用
可以使用useFactory設定條件，來使用不同的Service
|
2 years ago |
|
HarveyMac
|
0947394269
|
useValue抽象服務
可將物件實體抽換掉服務類別，可以透過建立間諜ＳＰＹ物件模擬測試情境
|
2 years ago |
|
HarveyMac
|
776711cc2a
|
useExisting 抽象服務
跟useClass類似，但不會建立新的實體，而是去使用當前已存在的
如果不存在任何實體則會拋出例外，可以用這種方式減少被重複建立的實體
|
2 years ago |
|
HarveyMac
|
13726233ea
|
UseClass抽象服務
App.component內部provider使用useClass:OrderDiscountService
可以直接抽換原本的訂單服務，降低改版對於整體的影響
|
2 years ago |
|
HarveyMac
|
861c679ce1
|
Service Interaction ，Service 水平互動
APP.component初始化Service Value
font-size 使用畫面改變Value
other則顯示出則顯示出Value值
|
2 years ago |
|
HarveyMac
|
d506925fb7
|
使用service注入功能
task.service的gettasks，注入app.component.ts constructor
|
2 years ago |
|
HarveyMac
|
6e9b7d075a
|
自訂Pipe使用，使用 ng generate pipe [管道名稱]
本範例使用自訂Orderby排序
|
2 years ago |
|
HarveyMac
|
db845bfee2
|
DatePipe，詳細請查閱網路用法
|
2 years ago |
|
HarveyMac
|
93245b6bc7
|
CurrencyPipe
|
2 years ago |
|
HarveyMac
|
cc3a013026
|
PercentPipe
{{value_expression | percent [:'digitsInfo' [:local]}}
|
2 years ago |
|
HarveyMac
|
9679033e34
|
數值資料顯示-DecimalPipe
|
2 years ago |
|
HarveyMac
|
691065d11b
|
KeyValuePipe
可以提取出陣列中的陣列中的keyValue
|
2 years ago |
|
HarveyMac
|
ee9fae2d12
|
SlicePipe，可以做文字排版切割，起始位置從0算起
{{value_expressiong |slice: start [:end]}}
也可以套用在陣列中
|
2 years ago |
|
HarveyMac
|
3e094d0490
|
使用angular 內部pipe，做顯示文字格式的改變
只改變顯示文字，而不改變文字內容
|
2 years ago |
|
HarveyMac
|
5bd08dfd5c
|
@HostBinding 裝飾器
可以設定class屬性，去影響宿主元素
|
2 years ago |
|
HarveyMac
|
084ded3405
|
@HostListener 裝飾器
可以用來listen mouseover跟mouseout事件
改變顏色
|
2 years ago |
HarveyChou
|
186bdbf526
|
ngFor 跟 traackBy用法，trackBy用法可以用以重新渲染功能
|
2 years ago |
|
HarveyChou
|
e9b3941c98
|
[Doc] LearnPowerPoint
|
2 years ago |
|
HarveyChou
|
0c38fa1d20
|
頁面檢視的初始and變更檢測
|
2 years ago |
|
HarveyChou
|
4d8b9ba8b3
|
動態內容投影，初始以及變更檢測
使用數個ngContent演示，在網頁執行階段的啟動時機
|
2 years ago |
|
HarveyChou
|
3364218bf4
|
Merge branch 'master' of http://www.origtek.com:2999/HarveyChou/AngularLearn
|
2 years ago |
|
HarveyChou
|
4d0125ab5c
|
ngDoCheck 生命週期鉤子範例程式碼
|
2 years ago |
|
HarveyChou
|
ed2175ad79
|
生命週期
使用 ngOnChanges 生命週期鉤子，要使用F12在browser裡確認回收機制
|
2 years ago |
|
HarveyChou
|
510a4a0f65
|
動態內容投影 ng-content Select功能
標籤(Tag) Select="標籤名" Ex:select="h2"
樣式類別(Class) select=".類別名稱" Ex:select=".className"
屬性(Attribute) select="[屬性名稱]" Ex:select="[attrName]"
|
2 years ago |
|
HarveyChou
|
37bf0612a0
|
動態內容投影 ng-content Select功能
|
2 years ago |
|
HarveyChou
|
749c303e4d
|
動態內容投影 ng-content
|
2 years ago |
|
HarveyChou
|
0fcde94384
|
initial commit
|
2 years ago |
