ng-repeat non mostra oggetti json object - javascript, angularjs, json

Mi piacerebbe sapere perché i miei articoli non vengono mostrati sul DOM, anche se ng-repeat sta creando nuove righe di tabella. Quando consegno i log book, si presenta bene ma non con ng-repeat. Log della console

HTML

<table class="table table-bordered table-light table-hover">
<tbody  id="tableBookSearch">
<tr ng-repeat="(key, value) in books"><td>key : {{key}} value: {{value}}</td></tr>
</tbody>
</table>

JS

$.getJSON(googleAPI, function(response){
$scope.books = [];
for(var i = 0; i < response.items.length; i++){
$scope.books.push(response.items[i]);
console.log("pushed book : " + i);
}
$scope.$apply();
console.log("scope applied");
console.log($scope.books);
});

AGGIORNARE:

Ho provato a farlo con un array normale e non ha nemmeno mostrato i dati. Il riferimento non è neanche nullo.

risposte:

<table class="table table-bordered table-light table-hover">
<tbody  id="tableBookSearch">
<tr ng-repeat="(key, prop) in books">
<td>   Key : {{key}}</td>
<td ng-repeat="value in books[key]>  value : {{value }}</td>
</tr>
</tbody>
</table>


https://www.w3schools.com/angular/ng_ng-repeat.asp

Invece usando ng-repeat vai per ng-options in angular find @https://docs.angularjs.org/api/ng/directive/ngOptions

L'ambiente in cui sto codificando è Angular2 e ho pensato che fosse AngularJS. Ng-repeat è una direttiva di AngularJS e per fare qualcosa di simile dovrei usare * ngfor.