Добавить баннер после ng-repeat - PullRequest
Новая
       12

Добавить баннер после ng-repeat

0 голосов
/ 23 мая 2018

Я рассмотрел почти все решения, которые смог найти, но не могу заставить свой код работать.Я не хочу ставить баннер после 3 нг-повторов 

<div class="row products-row" ng-init="onInit()">
  <div class="col col-34 fashion-product-container" ng-repeat="product in results = fashionProducts | FashionFilter:params | orderBy:sortby_obj.propertyName:sortby_obj.reverse as fashionResults">
    <div class="list card">
      <div class="item item-image product-image-wrapper">
          <pre-img ratio="_3_4">
            <img class="product-image" ng-src="{{ product.image }}" spinner-on-load>
          </pre-img>
      </div>
      <div class="item item-body product-description-wrapper">
        <h5 class="product-title">
            {{ product.name }}
        </h5>
        <p class="product-description">
          <b class="actual-price bold-price">${{product.price_sale}}</b>
          <span class="previous-price bold-price" ng-show="product.price != '0'">${{product.price}}</span>
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-12" id="Banner" ng-if="$index==3">Banner</div>

</div>

Ответы [ 2 ]

0 голосов
/ 23 мая 2018

Попробуйте это: - 

<div class="row products-row" ng-init="onInit()">
  <div ng-repeat="product in results = fashionProducts | FashionFilter:params | orderBy:sortby_obj.propertyName:sortby_obj.reverse as fashionResults">
    <div class="col col-34 fashion-product-container">
      <div class="list card">
        <div class="item item-image product-image-wrapper">
            <pre-img ratio="_3_4">
              <img class="product-image" ng-src="{{ product.image }}" spinner-on-load>
            </pre-img>
        </div>
        <div class="item item-body product-description-wrapper">
          <h5 class="product-title">
              {{ product.name }}
          </h5>
          <p class="product-description">
            <b class="actual-price bold-price">${{product.price_sale}}</b>
            <span class="previous-price bold-price" ng-show="product.price != '0'">${{product.price}}</span>
          </p>
        </div>
      </div>
    </div>
    <div class="col-md-12" id="Banner" ng-show="$index==3">Banner</div>
  </div>
</div>
0 голосов
/ 23 мая 2018

use $index

like

<div id="banner" ng-show="$index == 3"></div>

Теперь это покажет баннер div, когда это третий элемент ng-repeat.

Ваш <div class="col-md-12" id="Banner" ng-if="$index==3">Banner</div> находится вне <div>, содержащего тег ng-repeat.из-за этого $index не определено.

Просто поместите его в div ng-repeat, и оно будет работать.

...