使用Angular 6和html img标签在页面上提供图像和渲染的简单方法

Question

我必须为客户提供一些图像，但是我不确定在Angular 6中采用哪种简洁明了的方法。我研究过的许多解决方案都是令人费解的，或者会绕过我创建的中间件。有谁知道在Angular 6中使用任何简洁的简洁方法来处理投放的图片？我想随请求发送令牌，并且还需要能够将src设置为非静态网址（例如'localhost：3000 / profile /'+ imgLocation）

Answer 1

要显示图像，请使用img标签，就像在纯HTML中一样。像处理浏览器本身一样，处理图像没有与Angular有关的任何事情。

<img src="https://unsplash.it/600">

---

对于非静态URL，您可以在模型更改时使用Angular绑定进行更改。如果您具有类属性imageUrl，则可以使用[]语法将其绑定：

<img [src]="imageUrl">

现在，无论何时更改imageUrl属性，该更改都会反映在DOM中。