mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
refactor(demos): give each component section its own view
This commit is contained in:
12
demos/component-docs/tabs/tabs.html
Normal file
12
demos/component-docs/tabs/tabs.html
Normal file
@ -0,0 +1,12 @@
|
||||
<ion-navbar *navbar class="show-navbar">
|
||||
<ion-title>Tabs</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-tabs tab-bar-placement="bottom">
|
||||
<ion-pane>
|
||||
<ion-tab tab-title="Food" tab-icon="pizza"></ion-tab>
|
||||
<ion-tab tab-title="Drinks" tab-icon="beer"></ion-tab>
|
||||
<ion-tab tab-title="Hours" tab-icon="clock"></ion-tab>
|
||||
</ion-tabs>
|
||||
|
||||
</ion-pane>
|
22
demos/component-docs/tabs/tabs.ts
Normal file
22
demos/component-docs/tabs/tabs.ts
Normal file
@ -0,0 +1,22 @@
|
||||
import {NavController, NavParams} from 'ionic/ionic';
|
||||
import {IonicView, ViewController} from 'ionic/ionic';
|
||||
import * as helpers from 'helpers';
|
||||
|
||||
@IonicView({
|
||||
template: 'Hello 1',
|
||||
})
|
||||
class TabOneCtrl {
|
||||
constructor(nav: NavController, view: ViewController) {
|
||||
this.nav = nav;
|
||||
this.view = view;
|
||||
}
|
||||
}
|
||||
|
||||
@IonicView({
|
||||
templateUrl: 'tabs.html'
|
||||
})
|
||||
export class TabsPage {
|
||||
constructor(nav: NavController, params: NavParams) {
|
||||
this.nav = nav;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user