无法在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正常工作并输出所有元素。我认为，typescript为方法添加方法的方式对于角度2来说是搞乱了，但是无法弄清楚要做什么。

Answer 1

我的猜测是你不是在上课，而是在进行演员表或转换。

您需要使用关联的构造函数执行new Foo(nameParam, indexParam)，并使用名称和索引constructor(public name, public index) { this.name = name; this.index = index; }