头部导航设置 (ios 和android 同一种样式 ),app.js举例
2017-04-09 16:09
176 查看
注意:需要在controller 中注入$ionicConfigProvider
// ios android 都默认让title居中
$ionicConfigProvider.navBar.alignTitle('center');
// 不显示默认返回的title名称
$ionicConfigProvider.backButton.text('');
$ionicConfigProvider.backButton.previousTitleText(false);
$sceDelegateProvider.resourceUrlWhitelist(['**']);
列举一个完整的app.js
angular.module('app')
.config(['$stateProvider', '$urlRouterProvider', '$ionicConfigProvider', '$sceDelegateProvider', function ($stateProvider, $urlRouterProvider, $ionicConfigProvider, $sceDelegateProvider) {
// ios android 都默认让title居中
$ionicConfigProvider.navBar.alignTitle('center');
// 不显示默认返回的title名称
$ionicConfigProvider.backButton.text('');
$ionicConfigProvider.backButton.previousTitleText(false);
$sceDelegateProvider.resourceUrlWhitelist(['**']);
$stateProvider
.state('home', {
url: '/home',
templateUrl: function () {
return 'views/home/home.html';
},
controller: 'HomeCtrl'
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/mine')
}]
);
// ios android 都默认让title居中
$ionicConfigProvider.navBar.alignTitle('center');
// 不显示默认返回的title名称
$ionicConfigProvider.backButton.text('');
$ionicConfigProvider.backButton.previousTitleText(false);
$sceDelegateProvider.resourceUrlWhitelist(['**']);
列举一个完整的app.js
angular.module('app')
.config(['$stateProvider', '$urlRouterProvider', '$ionicConfigProvider', '$sceDelegateProvider', function ($stateProvider, $urlRouterProvider, $ionicConfigProvider, $sceDelegateProvider) {
// ios android 都默认让title居中
$ionicConfigProvider.navBar.alignTitle('center');
// 不显示默认返回的title名称
$ionicConfigProvider.backButton.text('');
$ionicConfigProvider.backButton.previousTitleText(false);
$sceDelegateProvider.resourceUrlWhitelist(['**']);
$stateProvider
.state('home', {
url: '/home',
templateUrl: function () {
return 'views/home/home.html';
},
controller: 'HomeCtrl'
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/mine')
}]
);
相关文章推荐
- iOS之设置导航控制器样式以及AttributeText, NSMutableAttributedString
- Flex中通过设置textAlign和headerStyleName样式设置DateChooser控件头部年月文本对齐方式的例子
- android设置Toast样式
- android中listview的一些样式设置
- 【Android 开发教程】设置Activity的样式和主题
- android 字体大小,样式 ,像素的设置
- 通过通过分别配置 PagerStyle 和 PagerSettings 属性,自定义页导航的样式和设置
- android开发之ProgressBar的样式设置汇总
- Android中Listview通过适配器设置Item的高度及其他样式
- android style(样式)和theme(主题)设置
- 移动开发领域,一种语言通吃多个开发平台Windows Phone/Android/iOS-介绍猴子平台。(转)
- Android下用程序的方法为ListView设置分割线Divider样式
- android如何设置控件的样式
- android:为TextView添加样式——下划线,颜色,设置链接样式及前背景色
- Android 程式开发:(一)详解Activity —— 1.2设置样式和主题
- Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子
- android 设置Spinner文字标题颜色 字体大小样式
- 三十三、Android给ListView设置分割线Divider样式
- 为android系统控件设置样式
- android开发之listview的样式设置汇总