Angularjs 动态改变title标题(兼容ios)
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<prename="code"class="javascript">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){ varbody=document.getElementsByTagName('body')[0]; document.title=title; variframe=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); }); }]);</pre><br> <br> <pre></pre> <precode_snippet_id="2083087"snippet_file_name="blog_20161229_4_8475823"name="code"class="javascript">//路由<prename="code"class="javascript">.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(){}) }] } })</pre><br> <pre></pre> <br> </pre>
以上所述是小编给大家介绍的Angularjs动态改变title标题(兼容ios),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!