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(tabs): update API docs for tabs

Browse Source 
references #5819
This commit is contained in:
Brandy Carney
2016-04-11 18:23:22 -04:00
parent f1046032b1
commit 5d08a5d422
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ionic/components/tabs/tabs.ts
View File

@ -59,8 +59,8 @@ import {isBlank, isTrueProperty} from '../../util/util';
*
* Since the index starts at `0`, this will select the 3rd tab which has
* root set to `tab3Root`. You can also grab the `Tabs` instance and call
* the `select()` method. This requires the `<ion-tab>` element to have an
* `id`. For example, set the `id` to `myTabs`:
* the `select()` method. This requires the `<ion-tabs>` element to have
* an `id`. For example, set the `id` to `myTabs`:
*
* ```html
* <ion-tabs id="myTabs">
@ -71,9 +71,13 @@ import {isBlank, isTrueProperty} from '../../util/util';
* ```
*
* Then in your JavaScript you can grab the `Tabs` instance and call `select()`.
* In the following code `app` is of type `IonicApp`:
* In the following code `app` is of type [`IonicApp`](../../app/IonicApp/):
*
*```js
* constructor(app: IonicApp) {
* this.app = app;
* }
*
* onPageDidEnter() {
* let tabs = this.app.getComponent('myTabs');
* tabs.select(2);
@ -83,8 +87,10 @@ import {isBlank, isTrueProperty} from '../../util/util';
*
* @usage
* ```html
* <ion-tabs>
* <ion-tab [root]="tabRoot"></ion-tab>
* <ion-tabs [selectedIndex]="mySelectedIndex" tabbarLayout="icon-bottom" secondary>
* <ion-tab [root]="tab1Root"></ion-tab>
* <ion-tab [root]="tab2Root"></ion-tab>
* <ion-tab [root]="tab3Root"></ion-tab>
* </ion-tabs>
* ```
*