javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): add item demo which uses list demo but changes header

Browse Source 
references driftyco/ionic-site#397
This commit is contained in:
Brandy Carney
2016-02-05 18:56:22 -05:00
parent a01dd8d6fb
commit b69bd9420e
4 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
demos/item/index.ts Normal file
View File

@ -0,0 +1,11 @@
import {App} from 'ionic/ionic';
// Uses the list's demo but passes the demo var to change the title
@App({
templateUrl: '../list/main.html'
})
class ApiDemoApp {
constructor() {
this.demo = "Item";
}
}

6
demos/list/index.ts
View File

@ -3,4 +3,8 @@ import {App} from 'ionic/ionic';
@App({ @App({
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
class ApiDemoApp {} class ApiDemoApp {
constructor() {
this.demo = "List";
}
}

2
demos/list/main.html
View File

@ -1,5 +1,5 @@
<ion-toolbar> <ion-toolbar>
<ion-title>List</ion-title> <ion-title>{{demo}}</ion-title>
</ion-toolbar> </ion-toolbar>
<ion-content class="outer-content"> <ion-content class="outer-content">

2
ionic/components/item/item.ts
View File

@ -35,6 +35,7 @@ import {Label} from '../label/label';
* </ion-list> * </ion-list>
* *
* ``` * ```
* @demo /docs/v2/demos/item/
* @see {@link /docs/v2/components#lists List Component Docs} * @see {@link /docs/v2/components#lists List Component Docs}
* @see {@link ../../list/List List API Docs} * @see {@link ../../list/List List API Docs}
*/ */
@ -157,4 +158,3 @@ export class Item {
}); });
} }
} }