Question

我正在做一个点击猫游戏，当我使用img将猫的图像路径放在组件模板中时，在运行页面时该图像不会出现。

我尝试使用[img] =“ path”将img作为属性使用，并直接输入img元素的路径

模板：

<div>{{catName1}}</div>
<div>
    <img src="./image/cat.jpg" (click)="clickUp()">
</div>
<div>{{catClick1}}</div>
</div>

打字稿

import { Component } from '@angular/core';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent {

  catName1 = 'Misho';
  catImg1 = 'image/cat.jpg';
  catClick1 = 0;

  clickUp(){
    this.catClick1 += 1;
  }

}

How it is showing

Folder of the image

Answer 1

您的代码一切都很好。

只需从以下位置移动图像文件夹

/src/assets

到

src

目录并在其中更改enctype="multipart/form-data"

app.component.html

组件显示html图像时出现Angular 6问题。为什么没有显示图像？

1 个答案: