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