1

我的 ng-style 如下，对后台不起作用：

<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 样式指令本身（并且边框是红色的）。

在 DOM 中，当边框实际存在时，我看不到背景。

任何想法？

4

1 回答 1

0

有类似的情况，我发现：

<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 风格的表达式会在 {{banner.backgroundImage}} 有值之前对其进行评估。我想知道这是否是因为横幅项目是从 REST 请求中检索的。然后它将默认为当前页面的 url（或至少是当前主机名）。

于 2015-03-24T16:28:41.720 回答