我有以下模板
<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()
。