如何通过ng-repeat动态添加HTML div框？

Question

我希望使用ng-repeat标签来读取JSON中的产品列表。 假设我在JSON中有10个产品，那么它将创建10个div框（类似于电子商务产品页面的东西） 我无法通过ng-repeat创建这些div框。 有人可以用任何例子帮助我吗？ 我想展示这样的东西。

修改

我不关心这里的数据。 我的问题是如何添加那些矩形div框，如问题中附带的图像所示。

Answer 1

在控制器中设置一个项目列表到$ scope.items，每个项目都有一个名称和代码。

<div ng-repeat="item in items">
     <p>{{item.name}} - {{item.code}}<p>
</div>