Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit afbe26f

Browse files
bennadelFoxandxss
authored andcommitted
More updates for PR syntax.
1 parent b3a4c19 commit afbe26f

File tree

3 files changed

+26
-26
lines changed

3 files changed

+26
-26
lines changed

public/docs/_examples/cb-item-template/ts/app/app.component.ts

+10-10
Original file line numberDiff line numberDiff 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 }} &mdash; {{ 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 }} &mdash; {{ 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 }} &mdash; {{ item.name }}
3737
</span>
3838
</template>

public/docs/_examples/cb-item-template/ts/app/simple-select.component.ts

+7-7
Original file line numberDiff line numberDiff 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>

public/docs/_examples/cb-item-template/ts/index.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
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.')})

0 commit comments

Comments
 (0)