This repository was archived by the owner on Dec 4, 2017. It is now read-only.
File tree 3 files changed +26
-26
lines changed
public/docs/_examples/cb-item-template/ts
3 files changed +26
-26
lines changed Original file line number Diff line number Diff line change @@ -15,24 +15,24 @@ interface Color {
15
15
template :
16
16
`
17
17
<p>
18
- Selected color: {{ selectedColor?.name || ' None selected' }}.
18
+ Selected color: {{ selectedColor?.name || " None selected" }}.
19
19
</p>
20
20
21
- <simple-select [items]=' colors' [(value)]=' selectedColor' >
22
- <template let-item=' item' >
23
- <span class=' swatch' [style.backgroundColor]=' item.hex' ></span>
24
- <span class=' name' >{{ item.hex }} — {{ item.name }}</span>
21
+ <simple-select [items]=" colors" [(value)]=" selectedColor" >
22
+ <template let-item=" item" >
23
+ <span class=" swatch" [style.backgroundColor]=" item.hex" ></span>
24
+ <span class=" name" >{{ item.hex }} — {{ item.name }}</span>
25
25
</template>
26
26
</simple-select>
27
27
28
28
<simple-select
29
- [items]=' colors'
30
- [(value)]=' selectedColor'
31
- [template]=' externalTemplate' >
29
+ [items]=" colors"
30
+ [(value)]=" selectedColor"
31
+ [template]=" externalTemplate" >
32
32
</simple-select>
33
33
34
- <template #externalTemplate let-item=' item' >
35
- <span class=' name' [style.color]=' item.hex' >
34
+ <template #externalTemplate let-item=" item" >
35
+ <span class=" name" [style.color]=" item.hex" >
36
36
{{ item.hex }} — {{ item.name }}
37
37
</span>
38
38
</template>
Original file line number Diff line number Diff line change @@ -20,21 +20,21 @@ interface ItemContext {
20
20
selector : 'simple-select' ,
21
21
template :
22
22
`
23
- <button (click)=' toggleItems()' class=' select-root' >
23
+ <button (click)=" toggleItems()" class=" select-root" >
24
24
25
25
<template
26
- [ngTemplateOutlet]=' itemTemplateRef'
27
- [ngOutletContext]=' { item: value, index: -1 }' >
26
+ [ngTemplateOutlet]=" itemTemplateRef"
27
+ [ngOutletContext]=" { item: value, index: -1 }" >
28
28
</template>
29
29
30
30
</button>
31
31
32
- <ul *ngIf=' isShowingItems' class=' select-items' >
33
- <li *ngFor=' let item of items ; let index = index ;' (click)=' selectItem( item )' >
32
+ <ul *ngIf=" isShowingItems" class=" select-items" >
33
+ <li *ngFor=" let item of items ; let index = index ;" (click)=" selectItem( item )" >
34
34
35
35
<template
36
- [ngTemplateOutlet]=' itemTemplateRef'
37
- [ngOutletContext]=' { item: item, index: index }' >
36
+ [ngTemplateOutlet]=" itemTemplateRef"
37
+ [ngOutletContext]=" { item: item, index: index }" >
38
38
</template>
39
39
40
40
</li>
Original file line number Diff line number Diff line change 1
1
<!DOCTYPE html>
2
2
< html >
3
3
< head >
4
- < meta charset =' utf-8 ' >
5
- < meta name =' viewport ' content =' width=device-width, initial-scale=1 ' >
4
+ < meta charset =" utf-8 " >
5
+ < meta name =" viewport " content =" width=device-width, initial-scale=1 " >
6
6
7
7
< title >
8
8
Providing An Item Template To A Component
9
9
</ title >
10
10
11
- < link rel =' stylesheet ' type =' text/css ' href =' styles.css ' >
12
- < link rel =' stylesheet ' type =' text/css ' href =' sample.css ' >
11
+ < link rel =" stylesheet " type =" text/css " href =" styles.css " >
12
+ < link rel =" stylesheet " type =" text/css " href =" sample.css " >
13
13
14
14
<!-- Polyfill(s) for older browsers -->
15
- < script src =' node_modules/core-js/client/shim.min.js ' > </ script >
15
+ < script src =" node_modules/core-js/client/shim.min.js " > </ script >
16
16
17
- < script src =' node_modules/zone.js/dist/zone.js ' > </ script >
18
- < script src =' node_modules/reflect-metadata/Reflect.js ' > </ script >
19
- < script src =' node_modules/systemjs/dist/system.src.js ' > </ script >
17
+ < script src =" node_modules/zone.js/dist/zone.js " > </ script >
18
+ < script src =" node_modules/reflect-metadata/Reflect.js " > </ script >
19
+ < script src =" node_modules/systemjs/dist/system.src.js " > </ script >
20
20
21
- < script src =' systemjs.config.js ' > </ script >
21
+ < script src =" systemjs.config.js " > </ script >
22
22
< script >
23
23
System . import ( 'app' )
24
24
. then ( function ( ) { console . info ( 'System.js loaded your application module.' ) } )
You can’t perform that action at this time.
0 commit comments