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


Posted in Javascript onDecember 29, 2016

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

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

Javascript 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
vue实现搜索过滤效果
May 28 Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 Javascript
浅谈js算法和流程控制
Dec 29 #Javascript
canvas学习之API整理笔记(二)
Dec 29 #Javascript
Node.js复制文件的方法示例
Dec 29 #Javascript
详解微信小程序——自定义圆形进度条
Dec 29 #Javascript
JS作用域深度解析
Dec 29 #Javascript
javascript中的深复制详解及实例分析
Dec 29 #Javascript
canvas学习之API整理笔记(一)
Dec 29 #Javascript
You might like
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
JavaScript中的其他对象
2008/01/16 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
微信小程序加载更多 点击查看更多
2016/11/29 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
vue按需加载实例详解
2019/09/06 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
python返回昨天日期的方法
2015/05/13 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
python3 拼接字符串的7种方法
2018/09/12 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
selenium自动化测试入门实战
2020/12/21 Python
HTML5基于flash实现播放RTMP协议视频的示例代码
2020/12/04 HTML / CSS
Mio Skincare美国官网:身体紧致及孕期身体护理
2017/03/05 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
企业为何需要商业计划书
2013/12/26 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
2014年司法所工作总结
2014/11/22 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书