Angular: Обернуть компонент частным базовым href

Question

У меня есть компонент в Angular, который отображает изображения.

например, он добавляет <img src="/path/to/image">

Позволяет отображать наше приложение на http://host.name

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

Итак, в HTML мы просто увидим <img src="/path/to/image"> Но это изображение должно быть показано из http://host2.name/path/to/image

Вы можете помочь мне с предложениями? Заранее спасибо.

Answer 1

Если я правильно понял вопрос, вам нужно только объединить относительные пути с именем хоста и привязать переменную к свойству [src].

Контроллер

export class AppComponent implements OnInit {
  imgPath = '/some/path/image.jpg';
  imgHost = 'http://hostname';
  imgSrc: string;

  ngOnInit() {
    this.imgSrc = this.imgHost + this.imgPath;
  }
}

Шаблон

<img [src]="imgSrc">