Невозможно вызвать функцию на элемент внутри ngFor Angular2

Question

У меня есть очень простой класс

export class Foo { 

    name: string; 

    index: number; 

    toFullString(): string { 
     return `${this.name} | ${this.index}`; 
    } 
} 

И это мой ngFor:

<div *ngFor="let foo of foos"> 
    {{foo.toFullString()}}; 
</div> 

И что я получаю то, что метод не существует в консоль:.

self.context $ implicit.toFullString не является функцией

Я не могу понять, что здесь не так. foo.name отлично работает и выводит все элементы. Я полагаю, что способ машинописного текста добавляет методы к объекту, испорченному этим для углового 2, но не может понять, что делать.

Answer 1

Я предполагаю, что вы не новичок в классе, а выполняете литье или преобразование.

Вы должны сделать new Foo(nameParam, indexParam) с соответствующим конструктором, принимая имя и индекс constructor(public name, public index) { this.name = name; this.index = index; }