Javascript 如何在角度数据表中组合数据和显示图像

我正在使用创建表，以下是我的工作plnkr-

在这里，我想将两列数据合并为一列，即将地址1和地址2显示为类似于-addr1-addr2的地址，以及（2）在表列中显示图像而不是链接

我试过了-

DTColumnBuilder.newColumn（'addr1'-'addr2'）。带有标题（'Address 1'），

和

DTColumnBuilder.newColumn（'addr1-addr2'）

但没有运气（抛出错误）

请帮我做这个。谢谢

我的脚本-

var dd = [];
dd = [
    {"Img": "http://img.banggood.com/thumb/other_items/upload/2012/liangping/animal%20head%20masks-011%20(4).jpg", "Name": "Tiger Nixon", "Age": "61", "addr1": "234 My addr 1", "addr2": "234 My addr 2"},
    {"Img": "http://a.deviantart.net/avatars/a/n/animal-animes.png", "Name": "Garrett Winters","Age": "63", "addr1": "235 My addr 1", "addr2": "235 My addr 2"}
  ];   

  $scope.dtColumns = [
    DTColumnBuilder.newColumn('addr1').withTitle('Address 1'),
    DTColumnBuilder.newColumn('addr2').withTitle('Address 2'),
    DTColumnBuilder.newColumn('Img').withTitle('Image'),
    DTColumnBuilder.newColumn('Name').withTitle('Name'),
    DTColumnBuilder.newColumn('Age').withTitle('Age')
  ];

  $scope.dtOptions = DTOptionsBuilder.newOptions()
    .withOption('data', dd);  

---

您必须在柱上使用renderWith

更新的plunker：

---

如果需要，您可以添加图像…

您必须在列上使用renderWith

更新的plunker：

你可以添加图像，如果你需要

$scope.dtColumns = [
    DTColumnBuilder.newColumn('addr1').withTitle('Address 1'),
    DTColumnBuilder.newColumn('addr2').withTitle('Address 2'),
    DTColumnBuilder.newColumn(null).withTitle('Full Address').renderWith(addressHtml),
    DTColumnBuilder.newColumn('Img').withTitle('Image'),
    DTColumnBuilder.newColumn('Name').withTitle('Name'),
    DTColumnBuilder.newColumn('Age').withTitle('Age')
];

$scope.dtOptions = DTOptionsBuilder.newOptions()
    .withOption('data', dd);

function addressHtml(data, type, full, meta) {
        return data.addr1 + ' - ' + data.addr2;
}