鍍金池/ 問答/HTML5  HTML/ ng-repeat遍歷數(shù)組在tr中的th展示數(shù)據(jù)，其中一個(gè)字段是json對(duì)象

ng-repeat遍歷數(shù)組在tr中的th展示數(shù)據(jù)，其中一個(gè)字段是json對(duì)象

ng-repeat遍歷數(shù)組，在tr中的th綁定數(shù)據(jù)，其中一個(gè)字段數(shù)據(jù)是個(gè)json對(duì)象，怎么把這個(gè)json對(duì)象以key,value格式展示在th中，不作處理的話這個(gè)字段數(shù)據(jù)展示在表格中帶有{}，引號(hào)，怎么解決呢

clipboard.png

回答
編輯回答
生性

{{template.Params | filter}}，直接在你對(duì)應(yīng)的controller里面定義filter,在這個(gè)filter里處理template.Params

$scope.filter = function(){
    //處理邏輯
}
2017年10月25日 02:50
編輯回答
擱淺

寫一個(gè)filter, 比如

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

然后

{{template.Params | keyValuePairs}}
2018年7月11日 22:15
編輯回答
你好胸

如果你所說的json對(duì)象中有多條數(shù)據(jù)的話 在嵌套一個(gè)ng-repeat，如果是一條數(shù)據(jù)的話就可以按照樓上的那個(gè)寫就行了

2017年12月27日 14:45
編輯回答
卟乖

如果你知道對(duì)象屬性名，且每條數(shù)據(jù)都是統(tǒng)一的，那就直接寫硬代碼吧，然后后邊接對(duì)應(yīng)的值，簡單明了。
如果屬性名不是固定的，那就像樓上說的寫filter。

2017年11月21日 17:06
編輯回答
拽很帥
<td>{{template.Params.key}} {{template.Params.value}}</td>

這樣寫就可以了

2018年8月22日 18:07