title: How can I update meta tags in AngularJS?
body: <p>I am developing an application using AngularJS. I want to update meta tags on route change.<br/>
  How can I update meta tags in AngularJS which can be shown in "view source" on the page?</p>
  
  <p>here is a HTML code - </p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
      &lt;html ng-app="app"&gt;
          &lt;head&gt;
              &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
              &lt;meta name="fragment" content="!" /&gt;
              &lt;meta name="title" content="Test App"&gt;
              &lt;meta name="description" content="Test App"&gt;
              &lt;meta name="keywords" content="Test,App"&gt;
  
              &lt;link rel="stylesheet" href="css/jquery-ui-1.10.2.custom.min.css" /&gt;
              &lt;link rel="stylesheet" href="css/extra.css" /&gt;
              &lt;script src="js/libs/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
              &lt;script src="js/libs/jquery-ui-1.10.2.custom.min.js"&gt;&lt;/script&gt;
              &lt;script src="js/libs/angular.min.js"&gt;&lt;/script&gt;
              &lt;script src="js/controller.js"&gt;&lt;/script&gt;
              &lt;script src="js/routes.js"&gt;&lt;/script&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;div ng-controller="mainCtrl" class="main-container" loading&gt;
                  &lt;div class="container-holder"&gt;
                      &lt;div class="container"&gt;
                          &lt;div ng-include src='"elements/header.html"'&gt;&lt;/div&gt;
                          &lt;div ng-view class="clearfix"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div ng-controller="userCtrl" id="test"&gt;
                      &lt;div class="container" class="login-container"&gt;
                          &lt;div id="login-logo"&gt;
                              &lt;img src="images/logo-300.png" alt="" class="login-img"/&gt;
                              &lt;br /&gt;
                              &lt;div ng-view&gt;&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>