Question

我试图将2 div添加到1 div中，但是，我无法做到这一点。无论我如何看待我的代码，它似乎都是正确的。这是我尝试过的事情。

的帮助下完成此任务

Transaction ID | Payload
-------------------------
    1          |  ABC
    2          |  CDE

HTML

<ion-view view-title="List of Transaction ID(s)">
    <ion-content scroll="false">
        <div class="row">
        </div>
    </ion-content>
</ion-view>

的Javascript

$.ajax(settings1).done(function (response1) {
    var z = response1.transactions[0].uuid;
    var y = response1.transactions[0].payload;
    alert(z);
    alert(y);
    var row = document.createElement("div");
    row.className = "row";
    var col = document.createElement("div");
    var col1 = document.createElement("div");
    col.className = "col col-50";
    col1.className = "col col-50";
    col.innerHTML = document.createTextNode(z);
    col1.innerHTML = document.createTextNode(atob(y));
    row.appendChild(col);
    row.appendChild(col1);
});

Answer 1

我知道从数组中获取数据到div（s）的最简单方法是使用ng-repeat。我假设你的交易ID列表看起来像这样：

"transactions":[
    {"transactionID":"1", "payload":"ABC"}, 
    {"transactionID":"2", "payload":"CDE"}, 
    {"transactionID":"3", "payload":"EFG"}
]

要轻松显示它，您可以使用Angular的ng-repeat：

<div ng-repeat="transaction in transactions">
    <div class="row">
        {{transaction.transactionID}}
        {{transaction.payload}}
    </div>
</div>

您可以按照自己的意愿构建数据，但这会为您拥有的所有交易创建一个带有结构化数据的div！

将不同内容的1个元素添加到另一个div中

1 个答案: