Как обрабатывать встроенный html с помощью angular-translate

Допустим, я хочу, чтобы значок был встроен в текст.

'Please scan the <span class="icon ion-barcode"></span> on the screen'

Как бы я добавил это к переводу с угловым переводом, не разделяя предложение на две части?

'{{ 'scan_1' | translate }} 
 <span class="icon icon-barcode"></span> 
 {{ 'scan_2' | translate }}'

....

.config(['$translateProvider', function ($translateProvider) {
  var translations = {
    en : {
      scan_1 : 'Please scan the', 
      scan_2 : 'on the screen', 
    }
  };

  $translateProvider
    .translations('en', translations.en)
    .preferredLanguage('en');
}])