如何使用angular-translate处理内联html

Question

让我们说我希望文本中有一个图标内嵌

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

如何将这个添加到带有angular-translate的翻译中，而不将句子分成两部分？

'{{ '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');
}])

Answer 1

使用translate 指令：

可能会出现这种情况

<ANY translate="{{toBeInterpolated}}"></ANY>

查看here和here。