класс и модель эта
я вижу класс категория который создает экземпляры путем передачи в него обьекта категории
public constructor(obj: ICategory)
{
this.id = obj.id;
this.title = obj.title;
}
не уверен что вам эти классы нужны для создания моделей и без них вам не обойтись
достаточно интерфейса для того чтобы была какая-то типизация
var person: IPerson = {
name: 'john',
age: 20
}
в коде компонента вам нужно итерироваться по массиву у вас только строка, значит сделайте из этого массив
или в момент когда получаете эту модель, добавьте св-во или сделайте wrapper какой, который просто будете использовать в верстке
например вам пришел обьект
{
firstName: 'John',
lastName: 'Doe',
age: 25,
phones: '1, 2, 3'
}
вы можете переделать его через тот же map, в тоже время сохранив оригинальный обьект (посмотрите термин DTO на досуге)
или в рамках pipe у вас есть возможность строку как массив использовать типа
<div *ngFor="let person of persons">
{{person.firstName}}
<div>
phones:
<span *ngFor="let phone of person.phones | splitPipe">{{phone}}</span>
</div>
</div>