Результаты ANGULARJS исчезают, когда указаны 3 из них

Question

В моем запросе найдите все блюда, которые есть у ресторана в базе данных.

<?php 
include('base.php'); 
$data = array(); 
$result = mysql_query("SELECT nombre FROM platos WHERE tipo = 'principal'",$connect); 
if(mysql_num_rows($result) > 0){ 
    while($row = mysql_fetch_assoc($result)){ 
     $data[] = $row; 
    } 
} else { 
    echo "0 results"; 
}; 
echo json_encode($data); 
mysql_close($connect); 
?> 

так, то я призываю его на угловой код:

$http({ 
     method: 'GET', 
     url: '../../php/getDishesPrincipal.php' 
    }).then(function successCallback(response) { 
     $scope.principals = response.data; 
    }, function errorCallback(response) { 
     $scope.principals = 'No Response'; 
    }); 

ну, наконец-то я распечатать его на моем HTML код:

<div id="agregarpedido_table_item" ng-repeat="principal in principals"> 
    <p id="agregarpedido_table_item_p">{{principal.nombre}}</p> 
    <div id="agregarpedido_table_item_command"> 
    <p>{{principal.cant}}</p> 
    <div class="selectors"> 
     <input type="button" value="+" ng-click="principal.cant = principal.cant + 1"> 
     <input type="button" value="-" ng-click="principal.cant = principal.cant - 1"> 
    </div> 
    </div> 

Вопрос заключается в том, что когда в моей базе данных есть более 2 результатов, которые соответствуют tipo: main, html исчезает, и он не показывает anythin г. Хуже того, консоль не вызывает никаких ошибок, как если бы это было нормально. Есть идеи?

Answer 1

Поскольку вы возвращаете массив имен из-за вашего SQL-запроса, угловое значение может вызывать ошибку no-dupes внутри ng-repeat.

Попробуйте форматирование нг-повторение, как это: ng-repeat="principal in principals track by $index"

вы можете иметь 2 или более не-уникальных имен для руководителей, так Угловая бросает ошибку не повторов. Для справки, использование метода дорожки методом $ index может помочь улучшить производительность рендеринга/привязки в циклах.

вот jsbin https://jsbin.com/noxawusoqe/2/edit?html,js,console,output

надежду на то, что работает

Answer 2

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