在 Angular 中设置图像路由的正确方法是什么？

Question

我正在从 API 调用数据，这包括图像但不是全部，所以我创建了一个管道来处理没有图像的数据。


    import { Pipe, PipeTransform } from '@angular/core';
    @Pipe({
      name: 'noImg'
    })
    export class NoImgPipe implements PipeTransform {

      transform(image: any): string {

        if (image === null ) {

          return '/assets/Images/no-img.jpg' ;

          //  Regresa la imagen por defecto no images

        } else {
          return image;
        }
      }

    }

这是我的管道指向的文件

它在本地主机上运行良好，但是，当我使用 ng build --prod 编译项目并托管我的应用程序时，管道不起作用。

此外，我还在路由中激活了 useHash 并删除了 baseHref= ""

中的 /

Answer 1

您应该先使用 / 然后是 assets 文件夹

在 Angular 中设置图像路由的正确方法是什么？

What is the right way to set a image route in Angular?

web-hosting

pipe

localhost

typescript

angular