使用值列表(ASP.net)增加html元素的最佳方法是什么?

使用值列表(ASP.net)增加html元素的最佳方法是什么?,html,asp.net,razor,import,Html,Asp.net,Razor,Import,我得到了一个比萨饼列表,我想自动将它们的名字导入一个html元素。 我想知道处理这样的对象或值的最佳方式是什么。我想使用Razor语言(因为我在ASP.net上工作),但我不确定JavaScript是否也能完成这项工作。。。? 你能给我一个简短的例子,说明我的代码是什么样子的吗 <div class="col-sm-6 col-lg-3"> <div class="thumbnail"> <img src="http://lorempixel.co

我得到了一个比萨饼列表,我想自动将它们的名字导入一个html元素。 我想知道处理这样的对象或值的最佳方式是什么。我想使用Razor语言(因为我在ASP.net上工作),但我不确定JavaScript是否也能完成这项工作。。。? 你能给我一个简短的例子,说明我的代码是什么样子的吗

<div class="col-sm-6 col-lg-3">
   <div class="thumbnail">
      <img src="http://lorempixel.com/240/200" alt="">
      <div class="caption">
         **
         <h3>Pizza's name</h3>
         **
         <p>Lorem</p>
         <p><a href="#" role="button" class="btn btn-default">Ajouter à ma commande</a></p>
      </div>
   </div>
</div>

**
比萨饼的名字
**
洛勒姆

javascript也可以完成这项工作

是的,有两种方法可以做到这一点,使用razor或java脚本

如果您想使用剃须刀:

 <div class="caption">
    @foreach (var item in ListOfPizza)
    {
       <h3>@item.Name</h3>**
     }

@foreach(ListOfPizza中的变量项)
{
@项目名称**
}
或者您可以使用javascript:

$(文档).ready(函数(){
var testData=[{
“名称”:“比萨1”
}, {
“名称”:“比萨2”
}];
$。每个(测试数据、函数(i、v){
$('.caption h3')。追加(v.Name+'
'); }); });

****
洛勒姆