Ionic default Tabs template use instance, ionictabs template instance

Ionic default Tabs template use instance, ionictabs template instance

Ionic default Tabs template. Android is at the top and IOS is at the bottom. Modify the configuration in www/js/app. js, add a variable, and then modify the corresponding attributes:

.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {$ionicConfigProvider.platform.ios.tabs.style('standard');  $ionicConfigProvider.platform.ios.tabs.position('bottom'); $ionicConfigProvider.platform.android.tabs.style('standard'); $ionicConfigProvider.platform.android.tabs.position('bottom'); $ionicConfigProvider.platform.ios.navBar.alignTitle('center');  $ionicConfigProvider.platform.android.navBar.alignTitle('left'); $ionicConfigProvider.platform.ios.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left'); $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back');  $ionicConfigProvider.platform.ios.views.transition('ios');  $ionicConfigProvider.platform.android.views.transition('android');

Then debug Tabs on the Android platform, and other components work normally.

 

 

Special note
Cordova must be correctly configured, especially Android ADT.
Visual Studio is not configured by default.
For details, refer to this article.
 Copy codeThe Code is as follows :'). addClass ('pre-numbering '). hide (); \ (this ). addClass ('has-numbering '). parent (). append (\) numbering); for (I = 1; I <= lines; I ++) {\ (numbering. append (\)('
'). Text (I) ;}; $ numbering. fadeIn (1700 );});});
The above introduces Ionic Tabs, including ionic and tabs, and hopes to help those who are interested in IOS development.