Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何通过ng repeat动态添加HTML div框?_Angularjs_Html_Angularjs Ng Repeat - Fatal编程技术网

Angularjs 如何通过ng repeat动态添加HTML div框?

Angularjs 如何通过ng repeat动态添加HTML div框?,angularjs,html,angularjs-ng-repeat,Angularjs,Html,Angularjs Ng Repeat,我希望使用ng repeat标记来读取JSON中的产品列表。 假设我有10个JSON产品,那么它将创建10个div框(类似于电子商务产品页面) 我无法通过ng repeat创建这些div框。 有人能帮我举个例子吗? 我想展示这样的东西 编辑 我不关心这里的数据。 我的问题是如何添加问题中所附图像中的矩形div框。Supose在控制器中,将项目列表设置为$scope.items,并且每个项目都有名称和代码 <div ng-repeat="item in items"> &l

我希望使用ng repeat标记来读取JSON中的产品列表。 假设我有10个JSON产品,那么它将创建10个div框(类似于电子商务产品页面) 我无法通过ng repeat创建这些div框。 有人能帮我举个例子吗? 我想展示这样的东西

编辑

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

Supose在控制器中,将项目列表设置为$scope.items,并且每个项目都有名称和代码

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

{{item.name}-{{item.code}}

您是否使用angular.fromJson(json);在尝试使用ng repeat之前?您说您无法通过ng repeat创建。请展示你的尝试你所要做的就是使用css设计div的样式。嗨,Joaquin,我不关心这里的数据。我的问题是,如何添加问题中所附图像中的矩形div框。哦,对不起,您使用任何框架吗?比如说Bootstrap?是的,我使用Bootstrap来实现丰富的CSS。你可以使用。例如:。。。