angular-translate features

var translations = {
  HELLO_WORLD: 'Hello world!',
  WELCOME: 'Welcome to {{value}} world',
  VISIT_URL: 'Please visit {{value}} for more information',
};

var app = angular.module('myApp', ['pascalprecht.translate']);

app.config(['$translateProvider', function($translateProvider) {
  // add translation table
  $translateProvider
    .translations('en', translations)
    .preferredLanguage('en');
}]);

app.controller('Ctrl', ['$scope', '$translate', function($scope, $translate) {
  $scope.textBold = $translate.instant('WELCOME', {
    // value: '<b>angularJS</b>'
    // value: '<span style="font-size:120%"><strong>AngularJS</strong></span>'
    value: '<span class="h4"><strong>AngularJS</strong></span>'
  });
  
  $scope.textLink = $translate.instant('VISIT_URL', {
    value: '<a href="">www.google.com</a>'
  });

}]);

app.filter('htmlSafe', ['$sce', function($sce) {
  return function(htmlCode) {
    return $sce.trustAsHtml(htmlCode);
  };
}]);

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
    <script src="https://cdn.rawgit.com/SlexAxton/messageformat.js/0.2.2/messageformat.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-animate.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-cookies.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.8.1/angular-translate.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-interpolation-messageformat/2.8.1/angular-translate-interpolation-messageformat.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-storage-cookie/2.8.1/angular-translate-storage-cookie.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-storage-local/2.8.1/angular-translate-storage-local.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-loader-url/2.8.1/angular-translate-loader-url.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-loader-static-files/2.8.1/angular-translate-loader-static-files.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-handler-log/2.8.1/angular-translate-handler-log.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="Ctrl">
      <p>{{ 'HELLO_WORLD' | translate }}</p>
      <p translate="">HELLO_WORLD</p>
      <p translate="HELLO_WORLD"></p>
      <p translate="">{{ 'HELLO_WORLD' }}</p>
      <p translate="WELCOME" translate-values="{ value: 'Angular Translate'}"></p>
      <p data-ng-bind-html="textBold | translate | htmlSafe"></p>
      <p data-ng-bind-html="textLink | translate | htmlSafe"></p>
    </div>
  </body>

</html>