Javascript Angular2：为img src调用本地对象函数

我有以下模板

<div id="collage" class="collage">
    <img *ngIf="photos" *ngFor="#photo of photos" src="photo.getUrl()" [width]="photo.width" [height]="photo.height">
</div>

---

但是在

src

中（显然）出现的值是字符串literal

“photo.getUrl（）”

。这里应该做些什么，以便图像的

src

被分配函数

getUrl（）

[src]=“photo.getUrl（）”

我尝试过，但是我得到了这个错误

异常：TypeError:l\u photo0.getUrl不是中的函数CollageComponent@1：35]

否！它的

ngFor#photo of photos

。也许我知道错在哪里了。我想我是通过直接分配json来创建Photo对象的，而不调用代码中的某个地方的

newphoto

。我不确定。如果我找到了，我会更新。。。

import {Component, OnChanges, Input} from 'angular2/core';
import {Photo} from 'interfaces/photo';

@Component({
    selector: 'collage',
    templateUrl: 'templates/collage.html'
})
export class CollageComponent implements OnChanges {
    @Input() photos: Photo[];

    ngOnChanges(change) {
        if ('photos' in change && change.photos.currentValue) {
            jQuery('#album-collage').collagePlus({
                'fadeSpeed': 2000,
                'targetHeight': 200
            });
        }
    }
}