Question

这是我的指令类-我遇到以下错误。请帮忙 ProductDetailComponent.html：451错误TypeError：_co.updateUrl不是Object.eval的函数[as handleEvent]

import { Directive, Input } from '@angular/core';

@Directive({
selector:"[fallback]",
host: {
'(error)':'updateUrl()',
'[src]':'src'
} 
})

export class FallBackDirective { 
@Input() src:string;
@Input() default:string="assets/images/no-product.jpg";

updateUrl() {
  this.src = this.default;
}
}

 <img src="{{item.ThumbPic | noImage}}" fallback="assets/images/no-product.jpg" (error)="updateUrl($event)">

Answer 1

根本不要从图像中调用自定义指令方法，因为一旦在自定义指令中提及错误方法，它就会在错误时自动调用方法。就像您在这里提到的一样：

'(error)':'updateUrl()'

我这样解决了这个问题

<img fallback src="{{item.ThumbPic | noImage}}">

ProductDetailComponent.html：451错误TypeError：_co.updateUrl不是Object.eval的函数[as handleEvent]

1 个答案: