小编Pri*_*hra的帖子

普通 JavaScript 中的 ng-repeat 替代方案

我需要动态创建引导井,其中包含有关某些已提出的票证的特定信息,例如票证编号、票证状态等。所有这些详细信息都应从响应中动态填充。我只能使用 JavaScript。如何用纯 JavaScript 实现同样的功能?

我已成功创建引导井,但如何使用 JavaScript 动态填充每个字段的数据?

<body>       
  <div id="table"></div>

  <script>
    var ticketDetails = [
      {status:"pending", App_name:"demo1", req_id:1234, Appr: "no", tct_no: "AB1234"},
      {status:"approved", App_name:"demo2", req_id:654, Appr: "yes", tct_no: "AB8769"},
      {status:"dispatched", App_name:"demo3", req_id:34, Appr: "yes", tct_no: "AB1241"}
    ];

    var a = '<div class="container">';
        a += '<div class="well" style="color:#fff; background-color:pink;"><div class="row">';
        a += '<div class="col-xs-6">REQUEST#</div>';
        a += '<div class="col-xs-6" style="text-align:right;">STATUS</div>';
        a += '</div>';
        a += '<div>';
        a += '<div class="row">';
        a += '<div class="col-xs-4">Approval</div>';
        a += '<div class="col-xs-4">Approver Name</div>';
        a += '<div …
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
387
查看次数

标签 统计

javascript ×1