Как использовать стиль ng в сочетании с запросом http и повторением ng? [Дубликат]

Question

Как использовать стиль ng в сочетании с запросом http и повторением ng? [Дубликат]

0

Я пытаюсь связать строку из http-запроса в директиве ng-style: я получаю ошибку cat.catBgUrl не найден. Ответ - строка. т.е. 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>

olivier 29 июль 2016, в 17:21

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

kukkuz · Answer 1 · 2016-07-29T12-49-00.000Z

Вы можете попробовать следующее:

<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>