ViewCell only accept string or number

Consider the structure:

[ 1, {
"name" : "Chocolate",
"productCategory" : [ {
"name" : "Categoria Teste"
}, {
"name" : "Teste 2"
} ],
"productUnitType" : [ {
"name" : "KG"
} ],
"supllier" : [ null, true ]
} ]

I have two categories at my product. How can I list this at the table?

I thouth some thing like this, but this is not a good aprrouch:

> product.subscribe((data) => {
> var prodtpo:String;
> var prodCat:String;
> data.forEach(x => {
> console.log(x);
> x.productUnitType.forEach(put => prodtpo = put.name);
> x.productCategory.forEach(pc => prodCat = pc.name);
> });
> console.log(prodtpo);
> console.log(prodCat);
> this.source.load(data);
> //replate the array in souce.
> });