Question

当我在Iphone中运行我的应用程序时，应用程序运行顺畅，它看起来像原生，但在Android中是不同的，转换是滞后的，慢，所以我试图使用人行横道，它有点帮助但仍然缓慢，会是什么呢？我该怎么做才能提高性能？我不知道是否与我的代码有关，所以这里是：

<ion-list class="list list-inset">

            <ion-item class="item-button-right">

                {{"#" + pedidos.numero_pedido}}
                <p>{{"R$ "+pedidos.valor_total_formatado + " ( Condição: " + pedidos.condicao_de_pagamento + " )"}}</p>

                <p>{{pedidos.status_pedido }}</p>

                <div class="buttons">
                    {{pedidos._criado | amDateFormat:"DD/MM/YYYY"}} às {{pedidos._criado | amDateFormat:"HH:mm"}}
                </div>


            </ion-item>


        </ion-list>

控制器：

.controller('PedidosDetalhesController', function ($scope, $stateParams, ShowList) {

        var pedidosId = $stateParams.pedidos_id;


        ShowList.pedidosPorId(pedidosId).then(function (listview) {
            $scope.pedidos = listview[0];

        });

        ShowList.faturamentoPedidos(pedidosId).then(function (listview) {
            $scope.faturamentos = listview;
        });

        ShowList.itensPedidos(pedidosId).then(function (listview) {
            $scope.itens = listview;
        });

        ShowList.clientePedido(pedidosId).then(function (listview) {
            $scope.clientesPedidos = listview[0];
        });


    })

Answer 1

如果您在离子列表中使用ng-repeat，则列表项的大量计数可能会使性能下降。您可能希望使用collection-repeat

collection-repeat允许应用程序显示更多的项目列表   表现比ng-repeat。

它只向DOM呈现当前可见的项目。

这意味着在可以容纳8个项目的手机屏幕上，只有   将呈现与当前滚动位置匹配的八个项目。

用法：

    <ion-content>
      <ion-item collection-repeat="item in items">
        {{item}}
      </ion-item>
    </ion-content>

使用离子开发到Android的性能缓慢

1 个答案: