角度不工作的css

Question

我想要动态注入一个div的背景图像。我看到图片获取加载正常，但CSS不会改变，div从不会获得背景图像。我究竟做错了

我有以下代码：

<style> 
#container { 
width:100%; 
} 
.left_column { 
float:left; 
width:37%; 
height: 150px; 
/*background-color: red;*/ 
} 
.right_column { 
float:right; 
width: 37%; 
height: 150px; 
} 
.snipe{ 
    float: right; 
    background-color: red; 
    color: white; 
    position: relative; 
    margin-top: 99%; 
} 
</style> 
<div ng-app="myApp"> 

    <div ng-controller="ShowCtrl"> 
     <div class="content-padded"> 
      <h2>{{zucrew.name}}</h2> 
     </div> 
     <div class="topcoat-list__item" hm-tap="open(person.id)" 
       ng-repeat="person in persons" ng-class-odd="'left_column'" ng-class-even="'right_column'" 
       ng-style="{'background-image' : 'url({{person.src}})'}"> 
      {{ person.name }} 

     </div> 

    </div> 

</div> 

Answer 1

，因为路ngStyle希望quoted-，而不是使用双curlys使用加号工作性质：

<div ng-repeat="person in persons" ng-style="{'background-image': 'url(' + person.src + ')'}"> 

demo fiddle

Answer 2

你不应该需要在大括号括person.src，因为你已经将被计算的表达式中工作ngStyle指令。试试这个：

<div class="topcoat-list__item" hm-tap="open(person.id)" 
      ng-repeat="person in persons" ng-class-odd="'left_column'" ng-class- even="'right_column'" 
      ng-style="{'background-image' : 'url(person.src)'}"> 
     {{ person.name }} 

    </div> 

请参阅http://plnkr.co/edit/qtVH5IuPD44L43D2xHIZ?p=preview了解相似，更简单的示例。