Angular translate

by maciejgurban

HTML

<script src="https://code.angularjs.org/1.4.7/angular.min.js"></script>
<script src="http://rawgit.com/PascalPrecht/bower-angular-translate/master/angular-translate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.4.7/angular-sanitize.js"></script>
<div ng-app="MultiLanguageApp">
<div ng-controller="LanguageController as vm">

  <div translate="accept_our" translate-compile translate-values="{tos: vm.tos, pp: vm.pp}" ng-bind-html></div>

</div>
</div>

JavaScript

angular.module('MultiLanguageApp', ['pascalprecht.translate', 'ngSanitize'])

    .config(function ($translateProvider) {
    $translateProvider.preferredLanguage('en');
    $translateProvider.translations('en', {
			accept_our: "Please accept our {{tos}} and {{pp}}",
      terms_of_service: 'Terms of Service',
      privacy_policy: 'Privacy Policy'
    });
    $translateProvider.useSanitizeValueStrategy('sanitize');
}).controller('LanguageController', function ($translate) {

	const tosLink = 'http://www.google.com';
  const ppLink = 'http://www.google.com';
  this.tos = `<a href="${tosLink}" target="_blank">{{"terms_of_service" | translate}}</a>`;
  this.pp = `<a href="${ppLink}" target="_blank">{{"privacy_policy" | translate}}</a>`;
});