Ionic default tabs template usages _javascript tips

Ionic default tabs template, Android at the top, iOS below. Modify the configuration in Www/js/app.js, add a variable, and modify the corresponding property:

. 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 ');

And then debug the tabs on the Android platform and it's down there, and the other components work fine.

Special attention
Cordova must be properly configured, especially Android ADT
Visual Studio is not configured by default
Refer to this article specifically

Copy Code code 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 introduction ionic Tabs, including the ionic,tabs aspect content, hoped that has the interest to the iOS development friend to be helpful.