異なるコンテンツの1つ以上の要素を別のdivに追加する

Question

2つのdivを1つのdivに追加しようとしていますが、私はそうすることができません。どのように私のコードを見ても、それは正しいようです。ここに私が試してやったことがあります。

私はionic css components

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への配列は、ng-repeatを使用することです。簡単にあなたが角度のNG・リピートを使用することができ、それを表示するには

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

：

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

ご希望しかし、あなたはデータをstrucureことができますが、私は次のようになり、トランザクションIDのリストを想定していますこれは、あなたが持っているすべてのトランザクションについて、構造化されたデータを持つdivを作成します！