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

 更新时间:2016年12月29日 12:00:43   作者:tanmuxue  
这篇文章主要介绍了 Angularjs 动态改变title标题(兼容ios)的相关资料,需要的朋友可以参考下

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

<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),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • angularJs的ng-class切换class

    angularJs的ng-class切换class

    这篇文章主要介绍了angularJs的ng-class切换class,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Angular 服务器端渲染应用常见的内存泄漏问题小结

    Angular 服务器端渲染应用常见的内存泄漏问题小结

    这篇文章主要介绍了Angular 服务器端渲染应用一个常见的内存泄漏问题,主要包括屏幕闪烁问题,出现闪烁的原因,在于 Angular 不知道如何重用它在服务器上成功渲染的内容,本文给大家介绍的非常详细,需要的朋友一起学习下吧
    2022-06-06
  • Angular中ng update命令force参数含义详解

    Angular中ng update命令force参数含义详解

    这篇文章主要为大家介绍了Angular中ng update命令force参数含义详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 在Angular中实现懒加载的示例代码

    在Angular中实现懒加载的示例代码

    在Angular中,懒加载技术通过路由配置实现模块的按需加载,可优化应用启动时间和减少初始加载代码量,首先创建独立模块,在模板中使用<router-outlet>插入懒加载组件,并可采用预加载策略如PreloadAllModules,以提前加载所有懒加载模块,优化加载性能
    2024-10-10
  • Angular使用cli生成自定义文件、组件的方法

    Angular使用cli生成自定义文件、组件的方法

    这篇文章主要介绍了Angular使用cli生成自定义文件、组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • AngularJs实现分页功能不带省略号的代码

    AngularJs实现分页功能不带省略号的代码

    这篇文章主要介绍了AngularJs实现分页功能不带省略号的代码的相关资料,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-05-05
  • AngularJS使用ocLazyLoad实现js延迟加载

    AngularJS使用ocLazyLoad实现js延迟加载

    这篇文章主要介绍了AngularJS使用ocLazyLoad实现js延迟加载的相关资料,需要的朋友可以参考下
    2017-07-07
  • AngularJS的表单使用详解

    AngularJS的表单使用详解

    这篇文章主要介绍了AngularJS的表单使用详解,在JS原有的基础上提供了更多与HTML交互的功能,需要的朋友可以参考下
    2015-06-06
  • 详解如何在Angular中快速定位DOM元素

    详解如何在Angular中快速定位DOM元素

    本篇文章主要介绍了详解如何在Angular中快速定位DOM元素,非常具有实用价值,需要的朋友可以参考下
    2017-05-05
  • 谈谈AngularJs中的隐藏和显示

    谈谈AngularJs中的隐藏和显示

    本文给大家介绍angularjs 隐藏和显示,对angularjs 隐藏和显示相关知识感兴趣的朋友一起学习吧
    2015-12-12

最新评论