javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(item-groups): updated item groups demo to latest code

Browse Source
This commit is contained in:
Brandy Carney
2015-11-16 15:42:59 -05:00
parent b97aea3dbc
commit c6b15d63fe
3 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/item/test/groups/component-list.html
View File

@ -4,10 +4,12 @@
{{data.day}} - Sessions {{data.day}} - Sessions
</ion-item-group-title> </ion-item-group-title>
<ion-item-sliding *ng-for="#session of data.sessions"> <ion-item-sliding *ng-for="#session of data.sessions">
<h3>{{session.name}}</h3> <button ion-item>
<p> <h3>{{session.name}}</h3>
<span>{{session.location}}</span> <p>
</p> <span>{{session.location}}</span>
</p>
</button>
<ion-item-options> <ion-item-options>
<button primary>Speaker Info</button> <button primary>Speaker Info</button>
<button secondary>Add to <br>Favorites</button> <button secondary>Add to <br>Favorites</button>

15
ionic/components/item/test/groups/index.ts
View File

@ -1,21 +1,20 @@
import {ElementRef, Host} from 'angular2/angular2'; import {Component, NgIf, NgFor} from 'angular2/angular2';
import {Component, View, NgIf, NgFor} from 'angular2/angular2'; import {App, Icon, Item, ItemGroup, ItemGroupTitle, ItemSliding, List, ListHeader, NavController} from 'ionic/ionic';
import {App, Content, Icon, Item, ItemGroup, ItemGroupTitle, ItemSliding, List, ListHeader, NavController} from 'ionic/ionic';
@Component({ @Component({
properties: ['data'], properties: ['data'],
selector: 'component-list', selector: 'component-list',
directives: [ComponentList, Item, ItemGroup, ItemGroupTitle, ItemSliding, List, NgIf, NgFor], directives: [Item, ItemGroup, ItemGroupTitle, ItemSliding, List, NgIf, NgFor],
templateUrl: 'component-list.html' templateUrl: 'component-list.html'
}) })
class ComponentList { export class ComponentList {
constructor(elementRef: ElementRef, @Host() content:Content) { constructor() {
console.log('Component List init', content);
} }
} }
@App({ @App({
directives: [Content, ComponentList, Item, ItemGroup, ItemGroupTitle, ItemSliding, List, NgIf, NgFor], directives: [ComponentList],
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
class E2EApp { class E2EApp {

2
ionic/components/item/test/groups/main.html
View File

@ -1,4 +1,4 @@
<ion-toolbar><ion-title>Item Groups</ion-title></ion-toolbar>
<ion-content class="outer-content content-selected"> <ion-content class="outer-content content-selected">
<h4>Component List</h4>
<component-list [data]="data"></component-list> <component-list [data]="data"></component-list>
</ion-content> </ion-content>