HTML String отображается неправильно

Question

Прошло некоторое время, и я знаю, что есть решение. Я извлекаю объект из Firebase 3. Это строка, содержащая html. Я вставляю значение в Angular2 component.html. Есть способ, вызов функции, метод для рендеринга html без тега <b> в Angular2?

key: Description 
    value: <p>Hello World</p> 

В моем угловом компоненте HTML

<h3>Description</h3><div>{{something.Description}}</div> 

HTML, это делают как:

Answer 1

несколько способов добиться этого:

1) Попробуйте использовать метод углов вместо .append.

<h3>Description</h3><div id='divID'></div>

var myElement = angular.element(document.querySelector('#divID')); 
myElement.append('<p>Your values/variables</p>'); 

2) Для угловых 2:

<div [innerHTML]="theHtmlString"> 
</div> 

3) Для тех, которые приходят через это до сих пор используют Угловое 1 против 2:

другой способ, это ng-bind-html, что-то ли ке так:

HTML

<div ng-controller="ExampleController"> 
<p ng-bind-html="myHTML"></p> 
</div> 

JS

angular.module('bindHtmlExample', ['ngSanitize']) 
.controller('ExampleController', ['$scope', function($scope) { 
    $scope.myHTML = 
    '<h3>Description:</h3>' + 
    '<div> YOUR VARIABLES </div>'; 
}]); 

Answer 2

ng-bind-html (как многие предполагают) не является решением Angular2. Вместо этого используйте [innerHTML].

<div [innerHTML]="something.Description"></div>