Вы можете использовать этот debugVar()
вместо var_dump()
Вы должны использовать директиву ng-bind-html
(требуется импортировать модуль sanitize и js-файл): https://docs.angularjs.org/api/ng/directive/ngBindHtml
<span ng-bind-html='phone.connectivity.infrared | iconify'></span>
Вам также нужно импортировать CSS ( Bootstrap , я думаю), чтобы видеть значок, когда он работает.
Я предоставил рабочий пример .
Попробуйте этот фильтр
filter('trust', ['$sce',function($sce) {
return function(value, type) {
return $sce.trustAs(type || 'html', value);
}
}]);
требует угловой санитации
var app = angular.module("myApp", ['ngSanitize']);
, если я не читаю это неправильно, вы приближаетесь неправильно
Я думаю, что ng-class является директивой, необходимой для этого задания, и более безопасен, чем рендеринг в атрибуте класса.
в вашем случае просто добавьте строку объекта с строками id как класс и значение в качестве оцененного выражения
<i ng-class="{
'icon-ok':!phone.connectivity.infrared,
'icon-remove':phone.connectivity.infrared
}"></i>'
на боковой ноте, вы должны использовать только директивы (встроенные и настраиваемые) для управления html / dom, и если вам нужен более сложный html-рендеринг, вы должны посмотреть на директиву вместо