angularjs 动态改变title标题(兼容ios)

tanmuxue

于 2016-12-29 10:39:17 发布

阅读量4.4k

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/tanmuxue/article/details/53924885

版权

本文介绍如何在AngularJS应用中动态改变页面标题，并确保在iOS设备上兼容。通过监听'$stateChangeSuccess'事件更新标题，并使用IFrame技巧解决iOS标题更新延迟问题。

摘要由CSDN通过智能技术生成

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 = '登陆'