javascript - AngularJS 数组值包含 HTML 标签，调用时显示不正确

Question

我有一个数组(在 Angular 中)，看起来像这样

$scope.posts = [
    {
        "ID" : id(),
        "Title" : "A",
        "Company" : "Company A",
        "Location" : "San Francisco, CA",
        "Date" : "2016-06-20",
        "Description": "Description<br>Desciption part 2",
     }
];

描述是用 <p>{{post.description}}</p> 调用的在带有 ng-repeat = "post in posts" 的 div 中.

然而结果却是这样显示

Description.<br>Description part 2

代替

描述
描述第 2 部分。

插入 <ul> 也是如此和 <li>标签。

有什么方法可以让数组值中的 html 结构实际显示为 html 而不是像这样显式显示？

Answer 1

您应该使用类似 ng-bind-html="post.Description" 的东西来将其显示为 HTML。

或者您可以使用 ngSanitize 来清理 HTML

类似这里的内容 - https://jsfiddle.net/datachand/szc550yb/4/

在 Controller 中，如果需要，尝试使用 $sce.trustAsHtml(post.Description)