Javascript 如何在Angular中格式化样式标记内的URL？

我正在尝试用Angular做幻灯片效果，我有一个

div

，带有

style

标记（使用

ng style

）和

背景图像

URL包含符号，每次都会出现
parse:lexerr
错误。我尝试过转义它们（&）或直接（&），但无论哪种方式都是相同的错误。该指令如下所示：

<div class="responsive-image" ng-style="background-image:url({{service.blobHost}}/{{slides.currentSlide}})">

我错过了什么明显的东西吗？谢谢你的帮助
 给你：

<div class="responsive-image"
    ng-style="{'background-image': 'url(' + service.blobHost + '/' + slides.currentSlide + ')'}"></div>

。响应图像{
最小高度：500px；
}



当基础值更新时，它会更新吗？我假设可更新的值需要在它们自己的双括号中。另一个问题：我需要在第二个表达式中添加一个过滤器。它应该是{slides.currentSlide | myFilter}。使用单括号语法看起来如何？我在写回复时实际上没有尝试过。不过效果很好！还感谢您更新过滤器。我不喜欢以这种方式对更具强制性的模型进行更改。我最初的做法似乎更符合逻辑。难道没有一个简单的方法可以逃过安徒生的安徒生而不抱怨吗？如果没有，你的方法就完美了。非常感谢你的帮助！
<div class="responsive-image"
    ng-style="{'background-image': 'url(' + service.blobHost + '/' + slides.currentSlide + ')'}"></div>