頭部導航設定 (ios 和android 同一種樣式 ),app.js舉例
阿新 • • 發佈:2019-02-05
注意:需要在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')
}]
);
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')
}]
);