Question

我很难使用background添加其他ng-style个样式。我想要做的是使用ng-repeat制作一个扬声器网格，每个网格元素都有自己的扬声器图像。这很好，除了我希望图像是background，虽然我可以成功地获取图像以反映我无法为background-position＆amp;添加css。 background-size。我正在做的基础是here，但问题是我尝试使用内联样式失败：

CODE：

<div class="grid" ng-repeat="speaker in home.speakers">
   <div class="grid-image" ng-style="{'background':'url({{speaker.img}})' 'center center' '/' 'cover'}"></div>
   <span class="caption"><h3>{{speaker.name}}</h3></span>
</div>

我已经用所有可以想象的方式使用单引号，但仍然得到控制台错误，它不知道我想要做什么。我还试过在另一个类中设置background size和background position，但这不起作用，因为图像没有用它声明。我真的在这里不知所措，虽然我认为我不会是第一个尝试这个的人，我只是没有找到任何帮助。

Answer 1

因为您正在使用background-image并将shorthand应用于background，所以此处：

ng-style="{'background-image':'url({{speaker.img}})' 'center center' '/' 'cover'}">

更改为：

ng-style="{'background-image':'url({{speaker.img}})', 'background-position': 'center center', 'background-size': 'cover'}">

角度，背景图像和背景位置

1 个答案: