Javascript HTML字符串显示不正确

已经有一段时间了，我知道有一个解决办法。我正在从Firebase 3检索一个对象。该字段是一个包含html的字符串。我正在将该值插入Angular2 component.html。有没有一种方法、函数调用和方法可以在Angular2中不使用

标记来呈现html

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

key:说明
值：Hello World

在我的角度组件HTML中

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

Description{{something.Description}

html呈现为：

---

实现这一点的几种方法：

1）尝试使用

.append

方法代替angular。

说明

JS

angular.module（'bindHtmlExample'，['ngSanitize']））
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.myHTML=
'说明：'+
“你的变量”；
}]);

实现此目的的几种方法：

1）尝试使用

.append

方法代替angular。

说明

JS

angular.module（'bindHtmlExample'，['ngSanitize']））
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.myHTML=
'说明：'+
“你的变量”；
}]);

ng bind html

（正如许多人所建议的那样）不是Angular2解决方案。改用

[innerHTML]

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

ng bind html

（正如许多人所建议的那样）不是Angular2解决方案。改用

[innerHTML]

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

有。看看@user7326764这不是Angular2解决方案。是的，有。查看@user7326764这不是Angular2解决方案。我建议删除答案中的

ng bind html

部分，只是因为这可能会让读者在将来偶然发现这个问题时感到困惑——这是不正确的，因为OP明确表示他正在寻找Angular2解决方案。编辑：很好的编辑：）我建议删除你答案中的

ng bind html

部分，只是因为这可能会让将来偶然发现这个问题的读者感到困惑——这是不正确的，因为OP明确表示他正在寻找一个角度2的解决方案。编辑：不错的编辑：）

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

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

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