This repository was archived by the owner on Dec 4, 2017. It is now read-only.
File tree Expand file tree Collapse file tree 3 files changed +26
-26
lines changed
public/docs/_examples/cb-item-template/ts Expand file tree Collapse file tree 3 files changed +26
-26
lines changed Original file line number Diff line number Diff line change @@ -15,24 +15,24 @@ interface Color {
1515 template :
1616 `
1717 <p>
18- Selected color: {{ selectedColor?.name || ' None selected' }}.
18+ Selected color: {{ selectedColor?.name || " None selected" }}.
1919 </p>
2020
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>
2525 </template>
2626 </simple-select>
2727
2828 <simple-select
29- [items]=' colors'
30- [(value)]=' selectedColor'
31- [template]=' externalTemplate' >
29+ [items]=" colors"
30+ [(value)]=" selectedColor"
31+ [template]=" externalTemplate" >
3232 </simple-select>
3333
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" >
3636 {{ item.hex }} — {{ item.name }}
3737 </span>
3838 </template>
Original file line number Diff line number Diff line change @@ -20,21 +20,21 @@ interface ItemContext {
2020 selector : 'simple-select' ,
2121 template :
2222 `
23- <button (click)=' toggleItems()' class=' select-root' >
23+ <button (click)=" toggleItems()" class=" select-root" >
2424
2525 <template
26- [ngTemplateOutlet]=' itemTemplateRef'
27- [ngOutletContext]=' { item: value, index: -1 }' >
26+ [ngTemplateOutlet]=" itemTemplateRef"
27+ [ngOutletContext]=" { item: value, index: -1 }" >
2828 </template>
2929
3030 </button>
3131
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 )" >
3434
3535 <template
36- [ngTemplateOutlet]=' itemTemplateRef'
37- [ngOutletContext]=' { item: item, index: index }' >
36+ [ngTemplateOutlet]=" itemTemplateRef"
37+ [ngOutletContext]=" { item: item, index: index }" >
3838 </template>
3939
4040 </li>
Original file line number Diff line number Diff line change 11<!DOCTYPE html>
22< html >
33< 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 " >
66
77 < title >
88 Providing An Item Template To A Component
99 </ title >
1010
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 " >
1313
1414 <!-- 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 >
1616
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 >
2020
21- < script src =' systemjs.config.js ' > </ script >
21+ < script src =" systemjs.config.js " > </ script >
2222 < script >
2323 System . import ( 'app' )
2424 . then ( function ( ) { console . info ( 'System.js loaded your application module.' ) } )
You can’t perform that action at this time.
0 commit comments