angular 展示本地图片

要在 Angular 中展示本地图片，你可以使用 `img` 标签并将 `src` 属性设置为图片的本地路径。例如：

<img src="./assets/images/my-image.png" alt="My Image">

请注意，这里假设你的图片位于 `assets/images` 文件夹中。如果你的图片不在该文件夹中，只需相应地更改路径即可。另外，确保在 `src` 属性中使用正确的文件名和扩展名。

相关问题

angular 点击切换展示本地图片

要实现在 Angular 中点击切换展示本地图片，你可以使用一个变量来存储当前展示的图片路径，然后在用户点击时更改该变量的值。可以使用 `(click)` 事件来捕获用户点击，并使用 `[src]` 属性将当前展示的图片路径绑定到 `img` 标签上。

以下是一个基本的实现示例：

HTML 模板：

<button (click)="toggleImage()">切换图片</button>
<img [src]="currentImage" alt="My Image">

TypeScript 组件：

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

@Component({
  selector: 'app-image-toggle',
  templateUrl: './image-toggle.component.html',
  styleUrls: ['./image-toggle.component.css']
})
export class ImageToggleComponent {
  private imagePaths = ['./assets/images/image1.png', './assets/images/image2.png', './assets/images/image3.png'];
  currentImage = this.imagePaths[0];

  toggleImage() {
    const currentIndex = this.imagePaths.indexOf(this.currentImage);
    const nextIndex = (currentIndex + 1) % this.imagePaths.length;
    this.currentImage = this.imagePaths[nextIndex];
  }
}

在上面的示例中，`imagePaths` 数组包含要展示的所有图片的本地路径。`currentImage` 变量存储当前展示的图片路径，默认为数组中的第一张图片。`toggleImage()` 方法在用户点击按钮时触发，它计算出当前图片在数组中的索引，然后将 `currentImage` 变量设置为下一张图片的路径。请注意，这里使用模数运算符将索引限制在数组范围内，以便在达到数组末尾时循环回到第一张图片。最后，`[src]` 属性将 `currentImage` 变量绑定到 `img` 标签上，以便显示当前展示的图片。

angular8下载本地文件

在Angular8中，可以使用以下代码下载文件到本地：

import { saveAs } from 'file-saver';

downloadFile(fileUrl: string, fileName: string) {
  fetch(fileUrl)
    .then(res => {
      return res.blob();
    })
    .then(blob => {
      saveAs(blob, fileName);
    });
}

其中，`fileUrl`是文件的下载地址，`fileName`是保存到本地的文件名。需要先通过`fetch`获取文件的`blob`对象，然后使用`file-saver`库中的`saveAs`方法保存到本地。