javascript - 在不同的列中显示JSON结果Angular JS

我是angular的新手，我正面临这个问题，我是从angular JS服务进行API调用，并且得到的结果是长度为165的JSON数组，我想在我的网站上显示此结果，但我想显示此结果我可以做的10列是将数组除以10并为每列创建10个数组，而我必须为每列运行ng-repeat。是否还有其他合适的方法。

例-

输入json：-
[{
    “ author_id”：“ 16483”，
    “ author_name”：“ A. A. Milne”
}，{
    “ author_id”：“ 24988”，
    “ author_name”：“ A. B. Yehoshua”
}，{
    “ author_id”：“ 1339”，
    “ author_name”：“ A. Balasubramaniam”
}，{
    “ author_id”：“ 9138”，
    “ author_name”：“ A. Bartlett Giamatti”
}，{
    “ author_id”：“ 2125”，
    “ author_name”：“ A. C. Benson”
}
}]

如果我使用ng-repeat

author_name

A.米尔恩

A. B.约书亚

巴特利·贾马蒂

本森

巴拉苏拉马尼亚姆



我要达到的目标

A.A.Milne A.Bartlett Giamatti

A. B. Yehoshua A. C. Benson

巴特利·贾马蒂（A. Bartlett Giamatti）

最佳答案

您应该将其呈现为<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

关于javascript - 在不同的列中显示JSON结果Angular JS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34705796/