Как я могу получить изображения, путь которых хранится в базе данных, используя угловые?

Question

Я хочу отобразить изображения, хранящиеся в базе данных. База данных хранит путь к изображению. Я хочу получить изображение с помощью угловых. Как я могу это сделать?

Answer 1

Вам нужно создать сервис для вызова API, чтобы получить URL изображения (я предполагаю, что изображение хранится в файле JSON)

   @Injectable()
    export class ConfigService {

      constructor(private http: HttpClient) { }

      getData() {
        return this.http.get('/assets/config.json');
      }
    }

Создать файл компонента ts для вызова сервиса и вернуть URL-адрес изображения

export class AppComponent {
  name = 'Test display image';
  thumbnail: any;
  constructor(private imageService: ConfigService, private sanitizer: DomSanitizer) { }

  ngOnInit() {
     this.imageService.getData()
      .subscribe((baseImage : any) => {

        let objectURL = baseImage.image;

         this.thumbnail = objectURL;

      });
  }
}

Обновление HTML-файла для отображения изображения

<img width="100%" id="myimage" [src]='thumbnail' />

Демонстрация: https://stackblitz.com/edit/display-imagepath-from-api