Angular Gettext Interpolation
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-gettext/2.3.10/angular-gettext.min.js"></script>
<div ng-app="myApp">
<div ng-controller="TestController">
<h3>
Normal Translate (String should be escaped)
</h3>
<div translate>
{{ someHtml }}
</div>
<h3>
Translate with Param (using $sce; String should not be escaped)
</h3>
<div translate translate-params-some-html="someHtml">
{{ someHtml }}
</div>
<h3>
Unsafe HTML (no $sce; String should be escaped)
</h3>
<div translate translate-params-some-unsafe-html="someUnsafeHtml">
{{ someUnsafeHtml }}
</div>
<h3>
Unsafe HTML (no $sce) with wrong and empty parameter name nothing (String should be escaped)
</h3>
<div translate translate-params-nothing>
{{ someUnsafeHtml }}
</div>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',['gettext']);
myApp.controller('TestController', function ($scope, $sce) {
$scope.one = 1;
$scope.someHtml = $sce.trustAsHtml("<b>{{ one }} + {{ one }} = {{ one + one }}</b>");
$scope.someUnsafeHtml = "<b>{{ one }} + {{ one }} = {{ one + one }}</b>";
});