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 相关文章推荐
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
js实现橱窗展示效果
Jan 11 Javascript
原生js实现日期选择插件
May 21 Javascript
微信小程序绘制半圆(弧形)进度条
Nov 18 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
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
python处理xml文件的方法小结
2017/05/02 Python
python顺序的读取文件夹下名称有序的文件方法
2018/07/11 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
python实现广度优先搜索过程解析
2019/10/19 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
公司募捐倡议书
2014/05/14 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书