Angularjs dynamically change title title (compatible with ios)

<pre name="code" class="javascript">('', []) 
  .config(function($httpProvider) { 
    $['Content-Type']='application/x-www-form-urlencoded;charset=utf-8'; 
//Change the format of content-type in the header  }) 
.controller('loginCtrl',['$scope','$http',function($scope,$http){}]) 
//Compatible with ios dynamically changing title title.run(['$location','$rootScope',function($location, $rootScope){  
  $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {  
   $ =   
  });  
  $rootScope.$watch('title',function(title){ 
    var body = ('body')[0]; 
     = title; 
    var iframe = ("iframe"); 
     = 'Login'; 
     = 0; 
     = 0; 
     = '///'; 
     = 'none'; 
    ('load', function() { 
      setTimeout(function() { 
        // ('load'); 
        (iframe); 
      }, 0); 
    }); 
    (iframe); 
  }); 
}]); </pre><br> 
<br> 
<pre></pre> 
&lt;pre code_snippet_ snippet_file_name="blog_20161229_4_8475823" name="code" class="javascript"&gt;//Route<pre name="code" class="javascript"> .state('deliciousFood',{   title:'Food accommodation', 
   url:'/deliciousFood', 
   templateUrl:'/hq/views/deliciousFood/', 
   controller:'deliciousFoodCtrl', 
   resolve:{ 
    loadMyCtrl:['$ocLazyLoad',function($ocLazyLoad){ 
     return $([ 
      '/hq/views/deliciousFood/', 
      ]).then(function(){}) 
    }] 
   }  
  })&lt;/pre&gt;&lt;br&gt; 
&lt;pre&gt;&lt;/pre&gt; 
&lt;br&gt; 
&lt;/pre&gt;