Angular:ng-style无法使用背景图像

时间:2014-12-09 22:06:22

标签: angularjs

没有指令,可以工作并显示小猫

    <section class="slide-show" style="background-image:url('http://placekitten.com/g/1000/175')">
        hello
    </section>

使用ng-style,失败:

<section class="slide-show" ng-style="{'background-image':url('http://placekitten.com/g/1000/175')}">
  hello
</section>

然而,使用带有背景色的ng风格作品:

<section class="slide-show" ng-style="{'background-color':'blue'}">
   hello
</section>

是否存在拼写错误或者我错过Angular的内容?

1 个答案:

答案 0 :(得分:4)

使用background-imageng-style的整个值应该在字符串中。

试试这个:

<section class="slide-show" ng-style="{'background-image':'url(http://placekitten.com/g/1000/175)'}">
  hello
</section>

还值得一提的是,您不需要为background-image CSS属性引用。

**Syntax**
background-image: none
background-image: url(http://www.example.com/images/bck.png)

background-image: inherit

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image