Question

我们正在工作的电子商务平台上工作，我们使用AngularJS。昨天我们在包中放了大量（200多个，小批量，效果很好）的产品，并且开始出现错误，有些项目没有列出，但是当我们在HTML中它时检查要素。

我们拥有以下代码：

指令：

class dSacolaItem{

constructor(){

    this.restrict = 'EA';
    this.templateUrl = 'views/directives/component-sacola-item.html';

    this.scope = {
        dirParent: '=?dSacolaItem'
    };
}}

项目的模板：

<div class="row block-item" ng-repeat="(key, prod) in dirParent.data track by $index">

<div class="col-xs-12 col-sm-4 col-md-6">
    <div class="box-img pull-left">
        <img class="img-responsive" ng-src="images/photos/50/{{::prod.imagem}}" d-err-src="images/photos/50/0.jpg" alt="{{::prod.descricao_curta}}">
    </div>

    <div class="box-infos pull-left">
        <h5 class="text-uppercase text-primary" ui-sref="main.produto({ idproduto: {{::prod.id_produto}}, descricao: '{{::prod.descricao_link}}' })">{{::prod.descricao_curta}}</h5>
        <small>{{::prod.var1 == undefined ? 'Único' : prod.var1}} | {{::prod.var2 == undefined ? 'Único' : prod.var2}} | {{::prod.var3 == undefined ? 'Único' : prod.var3}}</small>
        <button class="btn btn-default btn-xs" type="button" ng-click="dirParent.removeItem(prod.id_variacao)">
            <span ng-show="dirParent.removing_prod != prod.id_variacao">remover</span><span ng-show="dirParent.removing_prod == prod.id_variacao"><i class="fa fa-refresh fa-spin"></i></span>
        </button>
    </div>
</div>

<div class="col-xs-6 col-sm-2 col-md-1 text-center">
    <div class="box-gift text-center">
        <form name="fGift" ng-submit="false" novalidate>
            <label class="gift-prod" ng-if="::(dirParent.configs.produto_preco_presente > 0)">
                <input type="checkbox" name="presente" ng-model="prod.presente" ng-change="dirParent.setGift( key, prod.presente )">
                <div>
                    <i class="fa fa-gift fa-3x"></i>
                    <small>PRESENTE</small>
                    <small>(R$ {{::dirParent.configs.produto_preco_presente | currency: '': 2}})</small>
                </div>
            </label>
        </form>
    </div>
</div>

<div class="col-xs-6 col-sm-2 col-md-1 text-center">
    <div class="box-qtde" tooltip-placement="left" uib-tooltip="Em estoque: {{::prod.estoque}}" tooltip-enable="prod.estoque == prod.qtde">
        <div class="btn-group btn-group-justified">
            <div class="btn-group">
                <button class="btn btn-primary" ng-click="dirParent.updateQtde('decrement', key)" ng-class="{'disabled': prod.qtde == 1}"><i class="fa fa-angle-down"></i></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" ng-click="dirParent.updateQtde('increment', key)" ng-class="{'disabled': prod.estoque == prod.qtde}"><i class="fa fa-angle-up"></i></button>
            </div>
        </div>
        <input class="form-control text-center" type="text" ng-value="prod.qtde" disabled="disabled">
        <i class="fa fa-refresh fa-spin refresh-qtde" ng-style="dirParent.value_load[key]"></i>
    </div>
</div>

<div class="col-xs-6 col-sm-2 box-values text-center">
    <span>unitário:</span>
    <h5 class="text-primary">R$ {{::prod.preco | currency: '': 2}}</h5>
</div>

<div class="col-xs-6 col-sm-2 box-values text-center">
    <span>total:</span>
    <h5>R$ {{prod.preco * prod.qtde | currency: '': 2}}</h5>
</div>

我尝试在每个可能的地方使用一次性绑定，但有些数据需要更新......

最后，我如何称呼该指令：

<div class="shopping-items" d-sacola-item="bag"></div>

我尝试放置无限卷轴，但它没有工作，也经历了很多文章试图解决这个问题，但没有任何帮助。

问题的一些打印（查看滚动）

Begin of displayed data (scroll is in 1/3 of the page)

Item not displayed but in the HTML

有同样问题的人吗？我不知道应该怎么做才能解决它。

[添加1]：似乎只有使用Chrome的浏览器（Chrome，Opera ...）才有问题。 Firefox，IE，edge和 wow safari 5.1（2012版）通过一些艰苦的工作展示了所有内容，但至少它们正确地显示了数据。

ngRepeat不显示项目

0 个答案: