ng-repeat遍历数组在tr中的th展示数据，其中一个字段是json对象

Question

ng-repeat遍历数组，在tr中的th绑定数据，其中一个字段数据是个json对象，怎么把这个json对象以key,value格式展示在th中，不作处理的话这个字段数据展示在表格中带有{}，引号，怎么解决呢

Answer 1

写一个filter, 比如

angular.filter('keyValuePairs', ()=> e => `${e.key}-${e.value}`)

然后

{{template.Params | keyValuePairs}}

Answer 2

如果你知道对象属性名，且每条数据都是统一的，那就直接写硬代码吧，然后后边接对应的值，简单明了。
如果属性名不是固定的，那就像楼上说的写filter。

Answer 3

<td>{{template.Params.key}} {{template.Params.value}}</td>

这样写就可以了

Answer 4

{{template.Params | filter}}，直接在你对应的controller里面定义filter,在这个filter里处理template.Params

$scope.filter = function(){
    //处理逻辑
}

Answer 5

如果你所说的json对象中有多条数据的话 在嵌套一个ng-repeat，如果是一条数据的话就可以按照楼上的那个写就行了