没有指令,可以工作并显示小猫
<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的内容?
答案 0 :(得分:4)
使用background-image
时ng-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