Javascript Angularjs：在三元运算符中使用html元素

我是Angular 1的新手，我想创建一个表，从API中获取数据并将其显示在行中。我不想显示多个具有相同resourceId的行，而是想创建一个下拉列表，单击该下拉列表，将显示具有类似resourceId的所有行

我编写这段代码是为了隐藏具有相同resourceId的行，但这不起作用，因为Angular似乎不起作用
支持在三元运算符中嵌入html元素。我怎样才能做到呢

<tr ng-repeat="report in data">
 {{report.resourceId === data[$index-1].resourceId ? 
 //Empty row
 :
 <td>{{report.reportId}}</td>
 <td>{{report.resourceId}}</td>
 <td>{{report.reason}}</td>
 }}
</tr>

---

我认为如果

<tbody ng-repeat="report in data">
<tr ng-if="report.resourceId !== data[$index-1].resourceId">

 <td>{{report.reportId}}</td>
 <td>{{report.resourceId}}</td>
 <td>{{report.reason}}</td> 
</tr>
<tr ng-if="report.resourceId === data[$index-1].resourceId">
   <td></td>
<tr>
</tbody>

{{report.reportId}
{{report.resourceId}
{{report.reason}

出于某种原因，这似乎对我不起作用。s是否仍然包含{{report.{{}}或是否需要使用类似“this”的内容。很抱歉，如果这听起来像垃圾，我是一个noob当涉及到angular你不需要使用

this

。你能发布

数据

数组吗？这样我就可以创建一个演示添加数据数组使用

tbody

而不是

div

。查看演示

<tbody ng-repeat="report in data">
<tr ng-if="report.resourceId !== data[$index-1].resourceId">

 <td>{{report.reportId}}</td>
 <td>{{report.resourceId}}</td>
 <td>{{report.reason}}</td> 
</tr>
<tr ng-if="report.resourceId === data[$index-1].resourceId">
   <td></td>
<tr>
</tbody>