Одностороннее связывание HTML в angularjs

Question

Раньше я использовал ng-bind (или сокращенное {{}}) для привязки некоторого текста в промежутке.

<p>Preview: <span>formattedPrice(price)</span></p> 

Как вы можете видеть, у меня был вызов функции formattedPrice при связывании. Теперь я понимаю, что должен добавить HTML-код в этот диапазон. Я пробовал ng-bind-html="formattedPrice(price)", но это, похоже, не режет.

Есть ли способ, которым я могу это сделать, не создавая другую переменную сферы?

Answer 1

Убедитесь, что приложение загружает ngSanitize модуль:

angular.module('app', ['ngSanitize']) 

А на HTML (пример):

<script src="<PATH_TO>/angular-sanitize.js"></script> 

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

Demo

Answer 2

Вы должны использовать фильтр.

Как это:

<p>Preview: <span>{{price | formatted}}</span></p> 

Пример фильтра:

angular.module('myFilters', []).filter('formatted', function() { 
    return function(input) { 
    //return your formatted price here 
    } 
}