Javascript “重复”；“大的”；div标记并将表单放入

当我迭代一个json数组时，如何创建这个

div

我有不同的数据，我必须以不同的缩略图显示在一行中，我希望有这样一个模板：

for(var i = 0; i < jsonArray.length; i++)
{
   <div class="row">
       <div class="col-sm-6 col-md-4">
           <div class="thumbnail">
               <img src="somesource" alt="sometext"/>

               <div class="caption">
                   <h3>jsonArray[i].title</h3>
                   <p>jsonArray[i].description</p>
               </div>
           </div>
       </div>
   </div>
}

for（var i=0；i
}

---

如果有人知道如何做到这一点，以及哪个框架提供了这一点，请帮助我。提前谢谢你

您可以使用AngularJS的

ng repeat

功能 请看一下我提供的示例代码

在您的情况下，您的variabele

jsonArray

必须被分配或替换为

$scope.items

下面是一个示例，可以显示一个工作示例，也可以只运行代码段

var myApp=angular.module（“示例”，[]）；
controller（“exampleController”，['$scope'，example]）；
函数示例（$scope）
{
$scope.items=[
{
标题：“标题1”，
描述：“这是对标题1的描述”
},
{
标题：“标题2”，
描述：“这是对标题2的描述”
},
{
标题：“标题3”，
描述：“这是对标题3的描述”
}
];
}

{{item.title}

{{item.description}

谢谢！如何更改阵列？我需要一个可重用的函数来将数组放入函数中，这应该是循环的，只要您更改数组中的数据，$scope将获取更改并更新数据。您应该仔细阅读如何使用数组，可能还有Angular和jQuery。尝试一些培训课程，只是练习。像这样的问题并不总是有答案，但至少你应该自己尝试编码。我们可以带头，但不会解决所有问题。正如我所说的“$scope将接受更改并更新您的数据”。检查此小提琴并添加一个新项目。我只是将它添加到我当前的数组中，它会自动添加到我的html中。