Javascript Angularjs图像未显示：不安全：背景图像

我想在Angularjs应用程序中显示一个图像，代码如下：

<img  src="background-image: url({{image.url}})" />

---

提前感谢，

您使用的

img

标签不正确

<img  ng-src="{{image.url}" />

更新

因为URL是另一个域的&您希望使用

$sce

服务将其显示为

trustedResourceURL

$scope.getTrustedResourceUrl = function(url){
   return $sce.getTrustedResourceUrl(url)
};

HTML

并获取其他域URL，以便在URL之前不预先添加

不安全：

，然后您需要在其中的配置和白名单URL regx中清理

imgSrc

app.config(function($compileProvider) {
    var imgSrcSanitizationWhitelist = /^\s*(https?|ftp|file):|data:image\//;
    $compileProvider.imgSrcSanitizationWhitelist(imgSrcSanitizationWhitelist);
});

---

试试这个：@nikolaMM94不仅是

ng src=“image.url”

它会在

{}

interpolionoh抱歉我没有真正注意到，是的，你是对的。没有工作，它不是同一个域，我运行两个服务器，一个服务器angularjs和http服务器，用于资产和静态资源。我甚至不认为

image.url

没有插入到“{'background-image'：'url（'+image.url+'）”）中，我的代码中有错误question@MasterMind很高兴帮助你……谢谢

$scope.getTrustedResourceUrl = function(url){
   return $sce.getTrustedResourceUrl(url)
};

app.config(function($compileProvider) {
    var imgSrcSanitizationWhitelist = /^\s*(https?|ftp|file):|data:image\//;
    $compileProvider.imgSrcSanitizationWhitelist(imgSrcSanitizationWhitelist);
});