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

Question

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

示例-

输入 json :- [{ "author_id": "16483", "author_name": "A.A.米尔恩" }, { “author_id”:“24988”， "author_name": "A. B. Yehoshua" }, { “作者id”:“1339”， "author_name": "A. Balasubramaniam" }, { “作者id”:“9138”， "author_name": "A.巴特利特·吉亚玛蒂" }, { “作者id”:“2125”， "author_name": "A.C. 本森" } }]

如果我使用 ng-repeat

作者姓名

A. A·米尔恩

A. B·约书亚

A.巴特利特·吉亚玛蒂

A. C·本森

A.巴拉苏布拉马尼亚姆

<小时/>

我想要实现什么

A. A.米尔恩·A.巴特利特·吉亚玛蒂

A. B. Yehoshua A. C. Benson

A.巴特利特·吉亚玛蒂·A·巴拉苏布拉马尼亚姆

Answer 1

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