How to use the ionic-angular/components/tabs/tabs.Tabs function in ionic-angular
To help you get started, we’ve selected a few ionic-angular examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
wujun4code / DoChat / DoChat-mobile / .tmp / pages / profile / profile.ngfactory.js View on Github 
[],
[],
[],
[].concat([
this._text_4,
this._el_5,
this._text_7
])
], null);
this._text_8 = this.renderer.createText(this._el_1, '\n\n', null);
this._text_9 = this.renderer.createText(parentRenderNode, '\n\n\n', null);
this._el_10 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this.renderer.setElementAttribute(this._el_10, 'padding', '');
this._appEl_10 = new import3.AppElement(10, null, this, this._el_10);
var compView_10 = import14.viewFactory_Content0(this.viewUtils, this.injector(10), this._appEl_10);
this._Content_10_4 = new import14.Wrapper_Content(this.parentInjector.get(import15.Config), new import16.ElementRef(this._el_10), this.renderer, this.parentInjector.get(import18.App), this.parentInjector.get(import20.Keyboard), this.parentInjector.get(import21.NgZone), this.parentInjector.get(import17.ViewController, null), this.parentInjector.get(import22.Tabs, null));
this._appEl_10.initComponent(this._Content_10_4.context, [], compView_10);
this._text_11 = this.renderer.createText(null, '\n\n', null);
compView_10.create(this._Content_10_4.context, [
[],
[].concat([this._text_11]),
[]
], null);
this._text_12 = this.renderer.createText(parentRenderNode, '\n', null);
this._expr_0 = import7.UNINITIALIZED;
this._expr_1 = import7.UNINITIALIZED;
this._expr_2 = import7.UNINITIALIZED;
this.init([], [
this._text_0,
this._el_1,
this._text_2,
this._el_3,[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this.renderer.setElementAttribute(this._el_9, 'padding', '');
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import14.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import14.Wrapper_Content(this.parentInjector.get(import15.Config), new import16.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import18.App), this.parentInjector.get(import20.Keyboard), this.parentInjector.get(import21.NgZone), this.parentInjector.get(import17.ViewController, null), this.parentInjector.get(import22.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n', null);
compView_9.create(this._Content_9_4.context, [
[],
[].concat([this._text_10]),
[]
], null);
this._expr_0 = import7.UNINITIALIZED;
this._expr_1 = import7.UNINITIALIZED;
this._expr_2 = import7.UNINITIALIZED;
this.init([], [
this._el_0,
this._text_1,
this._el_2,
this._text_3,
this._el_4,compView_2.create(this._Navbar_2_4.context, [
[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import14.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import14.Wrapper_Content(this.parentInjector.get(import16.Config), new import17.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import19.App), this.parentInjector.get(import21.Keyboard), this.parentInjector.get(import22.NgZone), this.parentInjector.get(import18.ViewController, null), this.parentInjector.get(import23.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n ', null);
this._el_11 = this.renderer.createElement(null, 'do-contact-list', null);
this._appEl_11 = new import3.AppElement(11, 9, this, this._el_11);
var compView_11 = import15.viewFactory_DoContactList0(this.viewUtils, this.injector(11), this._appEl_11);
this._DoContactList_11_4 = new import15.Wrapper_DoContactList(this.parentInjector.get(import24.DoDataService));
this._appEl_11.initComponent(this._DoContactList_11_4.context, [], compView_11);
compView_11.create(this._DoContactList_11_4.context, [], null);
this._text_12 = this.renderer.createText(null, '\n', null);
compView_9.create(this._Content_9_4.context, [
[],
[].concat([
this._text_10,
this._el_11,
this._text_12
]),if (((token === import32.Tab) && (38 === requestNodeIndex))) {
return this._Tab_38_4.context;
}
if (((token === import24.Tabs) && ((32 <= requestNodeIndex) && (requestNodeIndex <= 39)))) {
return this._Tabs_32_4.context;
}
if (((token === import32.Tab) && (44 === requestNodeIndex))) {
return this._Tab_44_4.context;
}
if (((token === import32.Tab) && (46 === requestNodeIndex))) {
return this._Tab_46_4.context;
}
if (((token === import32.Tab) && (48 === requestNodeIndex))) {
return this._Tab_48_4.context;
}
if (((token === import24.Tabs) && ((42 <= requestNodeIndex) && (requestNodeIndex <= 49)))) {
return this._Tabs_42_4.context;
}
if (((token === import32.Tab) && (54 === requestNodeIndex))) {
return this._Tab_54_4.context;
}
if (((token === import32.Tab) && (56 === requestNodeIndex))) {
return this._Tab_56_4.context;
}
if (((token === import32.Tab) && (58 === requestNodeIndex))) {
return this._Tab_58_4.context;
}
if (((token === import24.Tabs) && ((52 <= requestNodeIndex) && (requestNodeIndex <= 59)))) {
return this._Tabs_52_4.context;
}
if (((token === import32.Tab) && (64 === requestNodeIndex))) {
return this._Tab_64_4.context;[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this.renderer.setElementAttribute(this._el_9, 'class', 'outer-content');
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import16.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import16.Wrapper_Content(this.parentInjector.get(import25.Config), new import26.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import28.App), this.parentInjector.get(import30.Keyboard), this.parentInjector.get(import31.NgZone), this.parentInjector.get(import27.ViewController, null), this.parentInjector.get(import32.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n\n ', null);
this._el_11 = this.renderer.createElement(null, 'ion-list', null);
this._List_11_3 = new import17.Wrapper_List(this.parentInjector.get(import25.Config), new import26.ElementRef(this._el_11), this.renderer, this.parentInjector.get(import33.GestureController));
this._text_12 = this.renderer.createText(this._el_11, '\n ', null);
this._el_13 = this.renderer.createElement(this._el_11, 'ion-list-header', null);
this.renderer.setElementAttribute(this._el_13, 'class', 'item');
this._appEl_13 = new import3.AppElement(13, 11, this, this._el_13);
var compView_13 = import18.viewFactory_Item0(this.viewUtils, this.injector(13), this._appEl_13);
this._Item_13_4 = new import18.Wrapper_Item(this.parentInjector.get(import34.Form), this.parentInjector.get(import25.Config), new import26.ElementRef(this._el_13), this.renderer);
this._ListHeader_13_5 = new import19.Wrapper_ListHeader(this.parentInjector.get(import25.Config), this.renderer, new import26.ElementRef(this._el_13), null);
this._query_Label_13_0 = new import20.QueryList();
this._query_Button_13_1 = new import20.QueryList();
this._query_Icon_13_2 = new import20.QueryList();
this._appEl_13.initComponent(this._Item_13_4.context, [], compView_13);
this._text_14 = this.renderer.createText(null, '\n Spinner Loading Indicators\n ', null);[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this.renderer.setElementAttribute(this._el_9, 'class', 'hide-when-demo');
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import13.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import13.Wrapper_Content(this.parentInjector.get(import17.Config), new import18.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import20.App), this.parentInjector.get(import23.Keyboard), this.parentInjector.get(import24.NgZone), this.parentInjector.get(import19.ViewController, null), this.parentInjector.get(import25.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n\n ', null);
this._el_11 = this.renderer.createElement(null, 'h5', null);
this.renderer.setElementAttribute(this._el_11, 'margin', '');
this._text_12 = this.renderer.createText(this._el_11, 'Hide Icon Per Platform', null);
this._text_13 = this.renderer.createText(null, '\n ', null);
this._el_14 = this.renderer.createElement(null, 'p', null);
this.renderer.setElementAttribute(this._el_14, 'margin', '');
this._text_15 = this.renderer.createText(this._el_14, 'In this example we\'re using the ', null);
this._el_16 = this.renderer.createElement(this._el_14, 'code', null);
this._text_17 = this.renderer.createText(this._el_16, 'hideWhen', null);
this._text_18 = this.renderer.createText(this._el_14, ' directive to decide whether to hide an icon based on the platform.', null);
this._text_19 = this.renderer.createText(null, '\n\n ', null);
this._el_20 = this.renderer.createElement(null, 'ion-grid', null);
this._Grid_20_3 = new import14.Wrapper_Grid();
this._text_21 = this.renderer.createText(this._el_20, '\n ', null);compView_8.create(this._Toolbar_8_4.context, [
[],
[],
[],
[].concat([
this._text_9,
this._el_10,
this._text_11
])
], null);
this._text_12 = this.renderer.createText(this._el_0, '\n\n', null);
this._text_13 = this.renderer.createText(parentRenderNode, '\n\n', null);
this._el_14 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this._appEl_14 = new import3.AppElement(14, null, this, this._el_14);
var compView_14 = import14.viewFactory_Content0(this.viewUtils, this.injector(14), this._appEl_14);
this._Content_14_4 = new import14.Wrapper_Content(this.parentInjector.get(import17.Config), new import18.ElementRef(this._el_14), this.renderer, this.parentInjector.get(import20.App), this.parentInjector.get(import24.Keyboard), this.parentInjector.get(import25.NgZone), this.parentInjector.get(import19.ViewController, null), this.parentInjector.get(import26.Tabs, null));
this._appEl_14.initComponent(this._Content_14_4.context, [], compView_14);
this._text_15 = this.renderer.createText(null, '\n\n ', null);
this._el_16 = this.renderer.createElement(null, 'ion-searchbar', null);
this.renderer.setElementAttribute(this._el_16, 'color', 'danger');
this.renderer.setElementAttribute(this._el_16, 'placeholder', 'Filter Items with Cancel');
this.renderer.setElementAttribute(this._el_16, 'showCancelButton', '');
this._appEl_16 = new import3.AppElement(16, 14, this, this._el_16);
var compView_16 = import13.viewFactory_Searchbar0(this.viewUtils, this.injector(16), this._appEl_16);
this._Searchbar_16_4 = new import13.Wrapper_Searchbar(this.parentInjector.get(import17.Config), new import18.ElementRef(this._el_16), this.renderer, this.parentInjector.get(import23.NgControl, null));
this._appEl_16.initComponent(this._Searchbar_16_4.context, [], compView_16);
compView_16.create(this._Searchbar_16_4.context, [], null);
this._text_17 = this.renderer.createText(null, '\n\n ', null);
this._el_18 = this.renderer.createElement(null, 'p', null);
this.renderer.setElementAttribute(this._el_18, 'padding-left', '');
this.renderer.setElementAttribute(this._el_18, 'padding-right', '');
this._text_19 = this.renderer.createText(this._el_18, 'Searchbars can be placed in a toolbar or anywhere in the content.', null);_View_TabPage0.prototype.injectorGetInternal = function (token, requestNodeIndex, notFoundResult) {
if (((token === import24.Tab) && (2 === requestNodeIndex))) {
return this._Tab_2_4.context;
}
if (((token === import24.Tab) && (4 === requestNodeIndex))) {
return this._Tab_4_4.context;
}
if (((token === import24.Tab) && (6 === requestNodeIndex))) {
return this._Tab_6_4.context;
}
if (((token === import25.Tabs) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 7)))) {
return this._Tabs_0_4.context;
}
return notFoundResult;
};
_View_TabPage0.prototype.detectChangesInternal = function (throwOnChange) {[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this.renderer.setElementAttribute(this._el_9, 'padding', '');
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import14.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import14.Wrapper_Content(this.parentInjector.get(import16.Config), new import17.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import19.App), this.parentInjector.get(import22.Keyboard), this.parentInjector.get(import23.NgZone), this.parentInjector.get(import18.ViewController, null), this.parentInjector.get(import24.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n\n ', null);
this._el_11 = this.renderer.createElement(null, 'button', null);
this.renderer.setElementAttribute(this._el_11, 'block', '');
this.renderer.setElementAttribute(this._el_11, 'ion-button', '');
this._appEl_11 = new import3.AppElement(11, 9, this, this._el_11);
var compView_11 = import15.viewFactory_Button0(this.viewUtils, this.injector(11), this._appEl_11);
this._Button_11_4 = new import15.Wrapper_Button(null, '', this.parentInjector.get(import16.Config), new import17.ElementRef(this._el_11), this.renderer);
this._appEl_11.initComponent(this._Button_11_4.context, [], compView_11);
this._text_12 = this.renderer.createText(null, 'Basic Alert', null);
compView_11.create(this._Button_11_4.context, [[].concat([this._text_12])], null);
this._text_13 = this.renderer.createText(null, '\n ', null);
this._el_14 = this.renderer.createElement(null, 'button', null);
this.renderer.setElementAttribute(this._el_14, 'block', '');
this.renderer.setElementAttribute(this._el_14, 'color', 'light');
this.renderer.setElementAttribute(this._el_14, 'ion-button', '');compView_2.create(this._Navbar_2_4.context, [
[],
[],
[],
[].concat([
this._text_3,
this._el_4,
this._text_6
])
], null);
this._text_7 = this.renderer.createText(this._el_0, '\n\n', null);
this._text_8 = this.renderer.createText(parentRenderNode, '\n\n\n', null);
this._el_9 = this.renderer.createElement(parentRenderNode, 'ion-content', null);
this._appEl_9 = new import3.AppElement(9, null, this, this._el_9);
var compView_9 = import13.viewFactory_Content0(this.viewUtils, this.injector(9), this._appEl_9);
this._Content_9_4 = new import13.Wrapper_Content(this.parentInjector.get(import15.Config), new import16.ElementRef(this._el_9), this.renderer, this.parentInjector.get(import18.App), this.parentInjector.get(import21.Keyboard), this.parentInjector.get(import22.NgZone), this.parentInjector.get(import17.ViewController, null), this.parentInjector.get(import23.Tabs, null));
this._appEl_9.initComponent(this._Content_9_4.context, [], compView_9);
this._text_10 = this.renderer.createText(null, '\n\n ', null);
this._el_11 = this.renderer.createElement(null, 'ion-scroll', null);
this.renderer.setElementAttribute(this._el_11, 'scrollX', 'true');
this.renderer.setElementAttribute(this._el_11, 'scrollY', 'true');
this.renderer.setElementAttribute(this._el_11, 'style', 'width: 100%; height: 100%');
this._appEl_11 = new import3.AppElement(11, 9, this, this._el_11);
var compView_11 = import14.viewFactory_Scroll0(this.viewUtils, this.injector(11), this._appEl_11);
this._Scroll_11_4 = new import14.Wrapper_Scroll(new import16.ElementRef(this._el_11));
this._appEl_11.initComponent(this._Scroll_11_4.context, [], compView_11);
this._text_12 = this.renderer.createText(null, '\n ', null);
this._el_13 = this.renderer.createElement(null, 'div', null);
this.renderer.setElementAttribute(this._el_13, 'class', 'map-div');
this._text_14 = this.renderer.createText(null, '\n ', null);
compView_11.create(this._Scroll_11_4.context, [[].concat([
this._text_12,ionic-angular
A powerful framework for building mobile and progressive web apps with JavaScript and Angular
Package Health Score
78 / 100Popular ionic-angular functions
- ionic-angular.Alert.create
- ionic-angular.ionicBootstrap
- ionic-angular.IonicModule.forRoot
- ionic-angular.IonicPage
- ionic-angular.IonicPageModule.forChild
- ionic-angular.Page
- ionic-angular/components/action-sheet/action-sheet.ActionSheetController
- ionic-angular/components/alert/alert.AlertController
- ionic-angular/components/app/app-root.AppRootToken
- ionic-angular/components/app/app.App
- ionic-angular/components/button/button.Button
- ionic-angular/components/fab/fab.FabButton
- ionic-angular/components/icon/icon.Icon
- ionic-angular/components/tabs/tabs.Tabs
- ionic-angular/config/config.Config
- ionic-angular/navigation/deep-linker.DeepLinker
- ionic-angular/navigation/nav-controller-base.NavControllerBase
- ionic-angular/navigation/nav-controller.NavController
- ionic-angular/navigation/view-controller.ViewController
- ionic-angular/platform/platform.Platform