在不同的列顯示JSON結果Angular JS

我是新來的角和我面臨這個問題我正在從角JS服務進行API調用，我得到的結果作爲長度爲165的JSON數組我想顯示此結果我的網站，但我想顯示這個結果分爲10列我可以做的一件事是將數組除以10，並創建10列數組爲每個列，我必須對每列運行ng重複。是否有更合適的辦法。在不同的列顯示JSON結果Angular JS

例 -

輸入JSON： - [{ 「AUTHOR_ID」：「16483」，「AUTHOR_NAME」：「AA Milne的」 }，{ 「AUTHOR_ID」：「24988」，「AUTHOR_NAME」：「AB約書亞」 }，{ 「AUTHOR_ID」：「1339」，「AUTHOR_NAME」：「A·巴拉薩布拉馬尼亞姆」 }，{ 「AUTHOR_ID」：「9138」，「AUTHOR_NAME」：「A. Bartlett Giamatti」 }，{ 「author_id」：「2125」，「author_name」：「A. C.本森」 } }]

如果我使用納克 - 重複

AUTHOR_NAME

米爾恩

AB約書亞

A.巴特利特吉亞瑪提

AC Benson

A·巴拉薩布拉馬尼亞姆

我想acheive

米爾恩A.巴特利特·吉亞瑪提

AB約書亞AC森

A.巴特利特·吉亞瑪提A·巴拉薩布拉馬尼亞姆

來源

2016-01-10 Nik

你想渲染10列或使用分頁功能？ – koox00

我不想分頁，我只想渲染10列中的結果。例如 – Nik

我編輯了這個問題，使其更容易理解。我正在看你的解決方案，並會告訴你它是否適用於我。 – Nik

Ins

<div ng-repeat="item in items | limitTo:10:0>

上述線將呈現10行，並將在0索引開始：在控制器創建10個陣列，您可以利用角度的limitTo濾波器

實施例使用的TEAD。

所以下一列可能會成爲這樣的：

<div ng-repeat="item in items | limitTo:10:10>

現在例如，如果你想10行，每10列：

<table> 
    <tr ng-repeat="i in [0,10,20,30,40,50,60,80,90]"> 
     <td ng-repeat="item in items | limitTo:10:i"> 
      {{ item }} 
     </td> 
    </tr> 
</table>

來源

2016-01-10 13:18:20 koox00

你應該呈現爲一個<ul>和使用CSS使之變成列：

<ul> 
    <li ng-repeat="author in authors track by $index">{{author.author_name}}</li> 
<ul> 

ul { 
    font-size: 10px; 
    width: 1000px; 
    list-style: none; 
} 

li { 
    display: inline-block; 
    width: 100px; 
    overflow: hidden; 
}

這裏的a demo

來源

2016-01-10 14:22:36

在不同的列顯示JSON結果Angular JS

回答

相關問題