首页 > 编程 > JavaScript > 正文

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

2019-11-19 18:12:27
字体:
来源:转载
供稿:网友

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

<pre name="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){     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);   }); }]); </pre><br> <br> <pre></pre> <pre code_snippet_id="2083087" snippet_file_name="blog_20161229_4_8475823" name="code" class="javascript">//路由<pre name="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),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表