Angularjs 动态改变title标题(兼容ios)

Angularjs 动态改变title标题(兼容ios)

这篇文章主要介绍了 Angularjs 动态改变title标题(兼容ios)的相关资料,需要的朋友可以参考下

废话不多说了,直接给大家贴代码了,具体代码如下所示:

 
angular.module('myApp.loginCtrl', []) .config(function($httpProvider) { $httpProvider.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded;charset=utf-8'; //改变header中content-type的格式 }) .controller('loginCtrl',['$scope','$http',function($scope,$http){}]) //兼容ios动态改变title标题 .run(['$location','$rootScope',function($location, $rootScope){ $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) { $rootScope.title = toState.title }); $rootScope.$watch('title',function(title){ var body = document.getElementsByTagName('body')[0]; document.title = title; var iframe = document.createElement("iframe"); iframe.title = '登陆'; iframe.width = 0; iframe.height = 0; iframe.src = '//m.baidu.com/favicon.ico'; iframe.style.display = 'none'; iframe.addEventListener('load', function() { setTimeout(function() { // iframe.removeEventListener('load'); document.body.removeChild(iframe); }, 0); }); document.body.appendChild(iframe); }); }]); 


//路由
  .state('deliciousFood',{ title:'美食住宿', url:'/deliciousFood', templateUrl:'/hq/views/deliciousFood/deliciousFood.html', controller:'deliciousFoodCtrl', resolve:{ loadMyCtrl:['$ocLazyLoad',function($ocLazyLoad){ return $ocLazyLoad.load([ '/hq/views/deliciousFood/deliciousFoodCtrl.js', ]).then(function(){}) }] } })


以上就是Angularjs 动态改变title标题(兼容ios)的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读