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

时间:2016-03-17 19:04:27

标签: javascript angular property-binding

我有以下模板

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

photos将作为模板的输入。函数photo.getUrl()只返回带有一些图像URL的字符串。 CollageComponent看起来像是:

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
            });
        }
    }
}

但在src中,(显然)来的值是字符串文字"photo.getUrl()"。这里应该做些什么,以便为图像的src分配函数getUrl()返回的值。

0 个答案:

没有答案