如何将 ng-style 与 http 请求和 ng-repeat 结合使用？ [复制]答案

【问题标题】：How to use ng-style in combination with a http request and ng-repeat? [duplicate]如何将 ng-style 与 http 请求和 ng-repeat 结合使用？ [复制]
【发布时间】：2016-12-04 08:30:36
【问题描述】：

我正在尝试将来自 http 请求的字符串绑定到 ng 样式指令中：我收到错误 cat.catBgUrl not found。响应是一个字符串。即http://example.com/picture.png 怎么了？

<div ng-repeat="cat in content">
      <a ng-click="goToDetail(cat.place)" nav-transition="none"><div ng-style="{ 'background': 'url({{cat.catBgUrl}})'}" class="bgcat center">
        <div class="inner">
          <h1>{{cat.name}}</h1>
          <h4>{{cat.subTitle}}</h4>
          <img src="img/home/open.png" alt="">
        </div>
      </div></a>
    </div>

【问题讨论】：

标签： angularjs

【解决方案1】：

你可以试试这个：

<div ng-repeat="cat in content">
      <a ng-click="goToDetail(cat.place)" nav-transition="none">
        <div ng-style="{'background': 'url(' + cat.catBgUrl + ')'}" class="bgcat center">
        <div class="inner">
          <h1>{{cat.name}}</h1>
          <h4>{{cat.subTitle}}</h4>
          <img src="img/home/open.png" alt="">
        </div>
      </div></a>
    </div>

【讨论】：