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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
JS获取Table中td值的方法
Mar 19 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
详解JavaScript的流程控制语句
Nov 30 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
JS中touchstart事件与click事件冲突的解决方法
Mar 12 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 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过滤XSS攻击的函数
2013/11/12 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
[jQuery] 事件和动画详解
2019/03/05 jQuery
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
python编写微信公众号首图思路详解
2019/12/13 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
YII2 全局异常处理深入讲解
2021/03/24 PHP
化工专业个人的求职信范文
2013/11/28 职场文书
工商管理系学生的自我评价分享
2013/11/29 职场文书
个人作风剖析材料
2014/02/02 职场文书
网络教育自我鉴定
2014/02/04 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
运动会宣传口号
2014/06/09 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
Django中celery的使用项目实例
2022/07/07 Python