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 相关文章推荐
jquery与prototype框架的详细对比
Nov 21 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
Jul 28 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 Javascript
vue router 动态路由清除方式
May 25 Vue.js
浅谈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
php foreach、while性能比较
2009/10/15 PHP
destoon各类调用汇总
2014/06/20 PHP
PHP 设计模式系列之 specification规格模式
2016/01/10 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
JS实现图片预加载无需等待
2012/12/21 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
Javascript 引擎工作机制详解
2016/11/30 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
p5.js入门教程之图片加载
2018/03/20 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
解决vue scoped scss 无效的问题
2020/09/04 Javascript
Python找出最小的K个数实例代码
2018/01/04 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
python+flask实现API的方法
2018/11/21 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
Python求区间正整数内所有素数之和的方法实例
2020/10/13 Python
Python 列表反转显示的四种方法
2020/11/16 Python
python基于openpyxl生成excel文件
2020/12/23 Python
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
天网面试题
2013/04/07 面试题
文员个人的求职信范文
2013/09/26 职场文书
代领报检证委托书范本
2014/10/11 职场文书
同学毕业留言寄语
2015/02/27 职场文书
初中思品教学反思
2016/02/20 职场文书
2016年第29个世界无烟日宣传活动总结
2016/04/06 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
详解Python常用的魔法方法
2021/06/03 Python
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫