How can I update meta tags in AngularJS?

by 
<html ng-app="app">
    <title ng-bind="metaservice.metaTitle()">Test</title>
    <meta name="description" content="{{ metaservice.metaDescription() }}" />
    <meta name="keywords" content="{{ metaservice.metaKeywords() }}" />


<script>
    var app = angular.module('app',[]);
    app.service('MetaService', function() {
       var title="Web App";
       var metaDescription = '';
       var metaKeywords="";
       return {
          set: function(newTitle, newMetaDescription, newKeywords) {
              metaKeywords = newKeywords;
              metaDescription = newMetaDescription;
              title = newTitle; 
          },
          metaTitle: function(){ return title; },
          metaDescription: function() { return metaDescription; },
          metaKeywords: function() { return metaKeywords; }
       }
    });

   app.controller('myCtrl',function($scope,$rootScope,MetaService){
      $rootScope.metaservice = MetaService;
      $rootScope.metaservice.set("Web App","desc","blah blah");
   });
</script>
 <body ng-controller="myCtrl"></body>


</html>

More Related Contents:

  1. angular.service vs angular.factory
  2. How to add custom validation to an AngularJS form?
  3. How to use a filter in a controller?
  4. CORS with spring-boot and angularjs not working
  5. Link vs compile vs controller
  6. Angular.js directive dynamic templateURL
  7. Using protractor with loops
  8. Angularjs $q.all
  9. passing 2 $index values within nested ng-repeat
  10. Should I use `this` or `$scope`?
  11. AngularJS $http, CORS and http authentication
  12. How can I define my controller using TypeScript?
  13. Angularjs loading screen on ajax request
  14. AngularJS UI Router – change url without reloading state
  15. How to write a debounce service in AngularJS
  16. Reading response headers when using $http of Angularjs
  17. $provide outside config blocks
  18. angular.min.js.map not found, what is it exactly?
  19. AngularJS – difference between pristine/dirty and touched/untouched
  20. Angularjs wrong $index after orderBy
  21. How to read binary data in AngularJS in an ArrayBuffer?
  22. Anchor links in Angularjs?
  23. AngularJS : The correct way of binding to a service properties
  24. Pass form to directive
  25. how does the binding and digesting work in AngularJS?
  26. What is ng-transclude?
  27. How can I preserve new lines in an AngularJS partial?
  28. Exclamation mark after hash (#!) in angularjs app
  29. How to share data between two modules in AngularJS?
  30. Angular and mixing jQuery UI – Why not?

Leave a Comment