Javascript AngularJS通过不使用html值进行排序

当字段为html值时，我对angularjs orderby有一个问题

这是我的密码：

<tr data-ng-repeat="data in competencyReport | orderBy:sortOrder:reverse">
  <td style="border-right:none"><span data-ng-bind-html="data.competencyDescription |rawHtml"></span></td>
  <td style="border-right:none;border-left:none;width:100px">{{data.grade}}</td>
  <td style="border-right:none;border-left:none;width:100px">{{data.averageScore}}</td>
  <td style="border-right:none;border-left:none;width:30px">{{data.percentage.toFixed(2)}}</td>
  <td style="border-left:none;width:200px">
    <div class="progress">
        <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="{{data.percentage.toFixed(2)}}" aria-valuemin="0" aria-valuemax="100" data-ng-style="showProgress(data.percentage)">
            <span class="sr-only">{{data.percentage.toFixed(2)}} % Complete (success)</span>
        </div>
    </div>
  </td>
</tr>

{{data.grade}
{{data.averageScore}
{{data.percentage.toFixed（2）}
{{data.percentage.toFixed（2）}}完成百分比（成功）

这就是问题所在

<td style="border-right:none"><span data-ng-bind-html="data.competencyDescription |rawHtml"></span></td>

数据。competencyDescription

是一个HTML值

所有其他字段都可以升序和降序排序，但只有

competencyDescription

字段不能

---

为什么会发生这种情况，以及如何对这一行进行升序和降序排序？

如果有疑问，请更改该行以匹配其他行

<td style="border-right:none">{{renderHtml(data.competencyDescription)}}</td>

---

别忘了将$sce添加到控制器顶部$scope旁边，等等。

首先编写

competencyDescription

，然后编写

compe**N**tencyDescription

您确定代码中没有拼写错误吗？很抱歉..我使用competencyDescription，实际上我有一个这样的过滤器

data ng bind html=“data.competencyDescription | rawHtml”

原始html就是这样的过滤器。。我的问题是如何按html排序，如下面的

orderby:sortOrder:reverse

“不要忘记将$sce添加到$scope旁边的控制器顶部，等等…”也称为“依赖项注入”；）

$scope.renderHtml = function(html_code)
{
    return $sce.trustAsHtml(html_code);
};