Question

我的ng风格如下，它不适用于后台：

<div
    ng-repeat="s in slider.slides"
    class="slide"
    ng-style="{border: 'solid 4px red', 'background-image': 'url(rsc/selectiontodose/{{s.photo}}.jpg)'}"
    style="width: {{size}}px; height: {{size}}px; margin:0; left:{{-$parent.slide*size}}px;">
</div>

我添加了边框以确保考虑到hg-style指令本身（并且边框为红色）。

在DOM中，我看到边框实际上没有背景。

有什么想法吗？

Answer 1

有类似的情况，我发现：

<div class="splash-banner" ng-style="{'background-image': 'url(\'{{banner.backgroundImage}}\')', 'background-color': banner.backgroundColor}">

与以下内容相比，呈现方式不一致：

<div class="splash-banner" ng-style="{'background-image': 'url(\'' + banner.backgroundImage + '\')', 'background-color': banner.backgroundColor}">

不幸的是，我不知道角度应该是多少，但似乎ng-style表达式会在它有一个值之前评估{{banner.backgroundImage}}。我想知道这是否是因为正在从REST请求中检索横幅项。然后它将默认为当前页面的url（或至少是当前主机名）。

为什么ng-style for background-image不起作用？

1 个答案: