Угловая - декодировать строку как HTML

Question

У меня есть некоторые угловые выражения, содержащие данные, поступающие из базы данных. Некоторые из этих данных содержат теги HTML в базе данных и должны быть декодированы как таковые в HTML.

функция JavaScript:

vm.showTechnicalSupport = function() { 
     $http.get('Navigation/GetTechSupportInformation').success(function (data) { 
      vm.techSupportHours = data.techSupportHours; 
     }) 

    } 

HTML:

<span>{{ vm.techSupportHours}}</span> 

Проблема заключается в том techSupportHours отображает сырые HTML-теги вместо рендеринга разметки. Например, на странице отображаются видимые ярлыки br. Есть ли способ изменить мое угловое выражение для декодирования этих данных?

Answer 1

Существует директива под названием ng-bind-html, которая является тем, что вы ищете. Так просто изменить шаблон HTML, чтобы быть:

<span ng-bind-html="vm.techSupportHours"></span>