Angularjs 動態(tài)改變title標題(兼容ios)
更新時間:2016年12月29日 12:00:43 作者:tanmuxue
這篇文章主要介紹了 Angularjs 動態(tài)改變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動態(tài)改變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 動態(tài)改變title標題(兼容ios),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
Angular.JS中select下拉框設置value的方法
select 是 AngularJS 預設的一組directive。下面這篇文章主要給大家介紹了關于Angular.JS中select下拉框設置value的方法,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-06-06
Angular.Js中ng-include指令的使用與實現(xiàn)
ng-include 指令用于包含外部的 HTML 文件。包含的內容將作為指定元素的子節(jié)點。下面這篇文章主要給大家介紹了Angular.Js中ng-include指令的使用與實現(xiàn)的相關資料,文中介紹的非常詳細,需要的朋友們下面來一起看看吧。2017-05-05
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Angular4綁定html內容出現(xiàn)警告的處理方法
這篇文章主要給大家介紹了關于Angular4綁定html內容出現(xiàn)警告的處理方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。2017-11-11
Angular5中提取公共組件之radio list的實例代碼
這篇文章主要介紹了Angular5中提取公共組件之radio list的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07

