Question

这是我在角度2中的代码：

test.component.html:
<img src="./assets/sample.jpeg" onError="setValue()">
{{imageMenu}}

test.component.ts:
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
imageMenu:boolean = true;
  constructor() { }
  ngOnInit() {

  }
  setValue():void{
    alert("hi");
    this.imageMenu = !this.imageMenu;
  } 
}

我的问题是当图像源为空时，即使布尔值为true也是如此。 setValue()未在错误时调用。请各位帮我解决这个问题。我是棱角分明的新人。

Answer 1

当您在Angular中使用HTML DOM事件时，从事件中删除on前缀并使用它。前

onclick ---＆gt; (click)

使用(error)代替onError

<img src="assets/sample.jpeg" (error)="setValue()">

调用img src的函数onerror

1 个答案: