<st #st [columns]="columns" [data]="data" [bordered]='true'> <ng-template st-row="demoType" let-item let-index="index" let-column="column"> <img [src]="subItem" width="30px" height="30px" *ngFor="let subItem of item.Content"/> </ng-template> </st>
import { Component, OnInit } from '@angular/core'; import { STColumn } from '@delon/abc'; @Component({ selector: 'app-card-whole-consume', templateUrl: './card-whole-consume.component.html', styleUrls: ['./card-whole-consume.component.css'] }) export class CardWholeConsumeComponent implements OnInit { data; flattenedData = []; columns: STColumn[] = [ { title: '姓名', index: 'Name', }, { title: '账号', index: 'Account', }, { title: '图片', index: 'Content', render: 'demoType' } ]; constructor() { } ngOnInit() { this.data = [ { Name: 'hanxiaoye', Account: '13788886666', Content: [['http://xx.jpg'], ['http://jj.jpg']]}, { Name: '王五', Account: '1380013801', Content: [['http://cc.jpg']]}, ]; for (const item of this.data) { item.Content = item.Content.reduce(( acc , cur ) => acc.concat(cur) ); } } }