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

赞 (0)

相关推荐

  • angularjs自定义ng-model标签的属性

    angularjs自定义ng-model标签的属性

    有的时候我们需要为非input类型的元素添加ng-model来实现双向的数据绑定,从而减少冗余代码,那么可以尝试一下的方式 例如:我页面中使用了contenteditable这个属性来实现用户可直接编译的div元素 html: <style> .text{ margin:0 auto; width:100px; height:50px; border:1px solid red; } </style> </head> <body> <div ng-co

  • AngularJs页面筛选标签小功能

    AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML. AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:

  • AngularJS实现标签页的两种方式

    一.通过普通指令实现标签页 <link rel="stylesheet" href="views/show/tab.css"/> <div> <ul class="nav nav-tabs" ng-init="vm.activeTab=1"> <li ng-class="{active: vm.activeTab == 1}"><a href="

  • 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

  • JS动态改变浏览器标题的方法

    本文实例讲述了JS动态改变浏览器标题的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <hea

  • 基于Angularjs-router动态改变Title值的问题

    许久没写Angularjs这玩意儿了,发现以前项目直接从dom元素去修改title实属简陋了些. 懒得废话,上代码: index里面直接<title ng-bind="title"></title>即可. 路由文件我作名config app.run(['$rootScope', '$log', function($rootScope, $log){ $rootScope.$on('$stateChangeSuccess', function(event, toS

  • asp.net中动态改变网页标题的代码

    方法1. 首先:在.aspx页: <HEAD> <title> <%=PageTitle %> </title> ....... </HEAD> 其次:在.aspx.cs页: public class news_view : System.Web.UI.Page { ............ //用于动态设置页面标题 protected string PageTitle; .... private void Page_Load(object se

  • React项目动态设置title标题的方法示例

    在React搭建的SPA项目中页面的title是直接写在入口index.html中,当路由在切换不用页面时,title是不会动态变化的.那么怎么让title随着路由的切换动态变化呢? 1.在定义路由时增加title属性. { path: "/regularinvestment", component: Loadable({ loader: () => import('./../../business/Regularinvestment/index'), loading: Page

  • vue实现路由跳转动态title标题信息

    目录 路由跳转动态title标题信息 vue动态改变title 需求 解决需求一 解决需求二 路由跳转动态title标题信息 想要让浏览器的标题,随着vue的路由跳转的改变而改变,就要配置router/index.js文件里的信息.在meta对象里面配置一个title. {     path: "/",     name: "Home",     meta: {       title: "首页"//这是重点     },     compone

  • 解决vue单页面应用中动态修改title问题

    详细信息查看:vue-weachat-title 解决问题: 1.Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓) 2.在vue单页面中,通过浏览器分享到QQ.微信等应用中的链接,只有一个首页标题和默认icon图片 已测试:APP 微信 QQ 支付宝 淘宝 安装 npm install vue-wechat-title --save 用法 1.在main.js中引入 impor

  • ios设备中angularjs无法改变页面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.setAttrib

  • 动态改变ASP.net页面标题和动态指定页面样式表的方法

    如果需要让asp.net应用程序对用户留有一定有自定义空间,例如用户要对页面使用自己定义的样式表或标题,可以使用下面的方法来动态指定: 首先对ASPX文件中<HEAD>中的页面标题和样式表进行修改 Visual Studio 生成的代码: <title>WebForm1</Title> <LINK ref="stylesheet" type="text/css" href="control.css">

  • javascript修改浏览器title方法 JS动态修改浏览器标题

    title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值.经测试原生js有两种方式可以修改,jQuery中也能简单设置.不清楚的小伙伴们可以了解一下. innerText 方式 通过console.log(document.getEle

随机推荐