當列出3個時，ANGULARJS結果消失

我的查詢搜索餐廳所有的餐具上的數據庫。當列出3個時，ANGULARJS結果消失

<?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：principal的結果時，html消失並且它沒有顯示任何事情G。最糟糕的是，控制檯不會將任何錯誤視爲正常。有任何想法嗎？

來源

2017-02-14 Isidoro Barrera