Question

我的问题很简单，我只是想创建列表卡从controller.but IM项数组困惑怎么我的数据安排到HTML。我的名片包括标题，内容，页脚。我已经尝试每一种情况下如何把数据到列表卡 这里是我的控制器

.controller("homeController", function ($scope, $http) { 
     $scope.data = {}; 
var diagramlink = 'http://fendypradana.com/alfalahkeu/Apifalah/infobayar/format/json'; 

      var processed_json = [], kategori = [],pembayaran_jumlah=[],sisa=[],jenisbayar_ket=[],statusbayar=[]; 
      $http.post(diagramlink, { user_id: 4 }).then(function (res) { 
for (i = 0; i < res.data.data.length; i++) { 
        var dataint = parseInt(res.data.data[i].bayar_jumlah) 
        processed_json.push(dataint); 
        // processed_json.push(res.data.data[i].total); 
        kategori.push(res.data.data[i].pembayaran_tanggal); 
        pembayaran_jumlah.push(res.data.data[i].pembayaran_jumlah); 
        sisa.push(res.data.data[i].sisa); 
        jenisbayar_ket.push(res.data.data[i].jenisbayar_ket); 
        statusbayar.push(res.data.data[i].statusbayar); 

       } 
       $scope.bayar_jumlah=processed_json 
       $scope.pembayaran_tanggal=kategori 
       $scope.pembayaran_jumlah=pembayaran_jumlah 
       $scope.sisa=sisa 
       $scope.jenisbayar_ket=jenisbayar_ket 
       $scope.statusbayar=statusbayar 
    }) 

    }) 

，这是我的HTML

<div class="item item-divider"> 
    {{stooge}} 
</div> 
<div class="item item-text-wrap" ng-repeat="tanggal in pembayaran_tanggal track by $index"> 
    {{tanggal}} 
</div> 
<div class="item item-divider" ng-repeat="status in statusbayar track by $index"> 
    {{status}} 
</div> 
      </div> 

我已经尝试这种之一，但它在我的列表中显示每个数据数组。我所要做的是每个数据都有一个标题，内容和页脚本身。任何建议都会有帮助。

编辑

我希望把我的数据到表像这样 http://ionicframework.com/docs/components/#card-headers-footers

Answer 1

这应该是真实的

<div ng-repeat="tanggal in array.pembayaran_tanggal track by $index" style="margin-top:10px"> 
    <div class="item item-divider"> 
     Title 
    </div> 
    <div class="item item-text-wrap" > 
     {{tanggal}} 
    </div> 
    <div class="item item-divider"> 
     {{array.statusbayar[$index]}} 
    </div> 
    </div> 

控制器：

$scope.data = {}; 
$scope.array = {}; 
var diagramlink = 'http://fendypradana.com/alfalahkeu/Apifalah/infobayar/format/json'; 

     var processed_json = [], kategori = [],pembayaran_jumlah=[],sisa=[],jenisbayar_ket=[],statusbayar=[]; 
     $http.post(diagramlink, { user_id: 4 }).then(function (res) { 
     for (i = 0; i < res.data.data.length; i++) { 
       var dataint = parseInt(res.data.data[i].bayar_jumlah) 
       processed_json.push(dataint); 
       // processed_json.push(res.data.data[i].total); 
       kategori.push(res.data.data[i].pembayaran_tanggal); 
       pembayaran_jumlah.push(res.data.data[i].pembayaran_jumlah); 
       sisa.push(res.data.data[i].sisa); 
       jenisbayar_ket.push(res.data.data[i].jenisbayar_ket); 
       statusbayar.push(res.data.data[i].statusbayar); 

      } 
      $scope.array.bayar_jumlah = processed_json; 
      $scope.array.pembayaran_tanggal = kategori; 
      $scope.array.pembayaran_jumlah = pembayaran_jumlah; 
      $scope.array.sisa = sisa; 
      $scope.array.jenisbayar_ket = jenisbayar_ket; 
      $scope.array.statusbayar = statusbayar; 
    }) 

Codepen