1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

AngularJS - Error: ngRepeat:dupes Duplicate Key in Repeater

Estou com um probleminha nesse projeto --> http://leveavidaleve.com.br/homologacao/#Cardapio

Como vocês podem ver está dando um erro de chaves duplicadas no repeater. Testando localhost funciona normalmente, porém quando eu subo no servidor dá esse erro. Alguém teria alguma ideia do que está acontecendo.

Segue abaixo o trecho de código da aplicação:

<ul class="accordion" data-ng-show="isShowingCardapio();">
                            <li data-ng-repeat="cardapio in cardapios">

                                <!-- Nome da categoria -->
                                <h4 data-ng-click="cardapio.display = !cardapio.display;">{{cardapio.nome}}</h4>

                                <!-- Quantidade de itens selecionados por categoria -->
                                <span class="items-quantity-selected">{{amountOfSelectedItems(cardapio);}} itens selecionados</span>

                                <!-- Accordion Section -->
                                <div class="section {{cardapio.display ? 'open' : ''}}">
                                    <div class="content">
                                        <ul>
                                            <li class="item" data-ng-repeat="prato in cardapio.pratos">
                                                <!-- Imagem do prato -->
                                                <figure class="rounded">
                                                    <img height="112px" width="112px" data-ng-src="/fotos_cardapio/{{prato.id}}/foto/{{prato.srcImg}}" alt="{{prato.altImg}}">
                                                </figure>

                                                <!-- Nome do prato -->
                                                <h5 class="item-title">{{prato.nome}}</h5>

                                                <!-- Descrição do prato -->
                                                <p class="item-description">{{prato.descricao}}</p>

                                                <!-- Preço do prato -->
                                                <span class="item-price">{{prato.preco | currency:"R$ "}}</span>

                                                <!-- Incrementar e decrementar quantidade do item -->
                                                <div class="item-quantity">
                                                    <button class="icon-arrow-up item-increment" data-ng-click="increasingAmountOfItems(prato);"><span class="invisible">mais</span></button>
                                                    <span>{{getQuantity(prato)}}</span>
                                                    <button class="{{prato.quantidade == 0 ? 'disabled' : ''}} icon-arrow-down item-decrement" data-ng-click="decreasingAmountOfItems(prato)"><span class="invisible">menos</span></button>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>    
                                </div>
                            </li>
                        </ul>
/* Carregar JSON com os dados do cardápio */
    $scope.loadCardapio = function() {
        $scope.cardapios = [];
        $http.get('inc/funcoes.php?getCardapio').success(function(data) {
            $scope.cardapios = data;
            $scope.pedido = {};
            $scope.currentFlow = $scope.flows.DISPLAY_CARDAPIO;
        }) .error(function() {
            $scope.currentFlow = $scope.flows.ERROR;
        });
    };
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags html html5 javascript ou faça a sua própria pergunta.