Angular 角圆'；以HTML样式添加时不加载背景图像

我有一个图像路径

{{image}}

，它给出：

<div>http://my_ip/images/file.jpg</div>

http://my_ip/images/file.jpg

但是当我把它作为样式背景添加到我的HTML中时，它不会加载

<div style="background-image: url('{{image}}')"></div>

给予

知道这是怎么回事吗？为什么不将图像作为背景图像进行角度渲染

---

编辑：我使用的是Angular4。

如果您使用的是Angular4，有两种方法可以实现内嵌CSS。最简单的方法是从公共包导入并使用ngStyle

[ngStyle]

（旧的AngularJS语法是ng-style）指令

另一种方法是直接使用

[style.{attribute}]

对组件进行属性绑定，在您的情况下：

[style.backgroundImage]

文件可在此处找到：

---

如果您使用的是Angular4，那么有两种方法可以实现内联CSS。最简单的方法是从公共包导入并使用ngStyle

[ngStyle]

（旧的AngularJS语法是ng-style）指令

另一种方法是直接使用

[style.{attribute}]

对组件进行属性绑定，在您的情况下：

[style.backgroundImage]

文件可在此处找到：

---

使用此指令绑定语法

[ngStyle]="{'background-image': 'url('+backgroundUrl+')'}"

其中背景url是指向您的url地址的链接。这是记录在这里

---

使用此指令绑定语法

[ngStyle]="{'background-image': 'url('+backgroundUrl+')'}"

其中背景url是指向您的url地址的链接。这是记录在这里

---

ng style=“{'background-image'：'url（'+image+'）”}”

ng style

不再适用于AngularJS 4。我已经试过了，但它不起作用：

style=“{'background-image'：'url（{{{image}}.jpg）}”

什么是

+image+

而不是花括号？我已经试过了，但无法渲染。你使用的是AngularJS，对吗？版本控制（我正在使用AngularJS 4.ng style=“{'background-image'：'url（'+image+'）”}”

ng style

在AngularJS 4中不再有效。我已经尝试过了，但它不起作用：

style=“{'background-image'：'url（{{{image}}.jpg）}”

什么是

+image+

代替花括号？我已经尝试过了，但它不会渲染。你使用AngularJS对吗？版本控制（我使用Angular 4。什么是

+backgroundUrl+

？我尝试了

+image+

代替

{image}}

但是什么也没发生backgroundUrl是组件中定义的变量。它是一个包含正在显示的url的字符串。修复了我的问题。

+backgroundUrl+

是什么？我尝试了

+image+

来代替

{image}

但是什么也没发生BackgroundUrl是组件中定义的变量。它是一个包含您正在显示的url的字符串。修复了我的问题。