/ / AngularJS non stampa variabili: javascript, html, angularjs

AngularJS non stampa variabili: javascript, html, angularjs

Attualmente sto costruendo la mia prima app a pagina singolacon angularJS. Le informazioni variabili memorizzate nel mio controller non vengono visualizzate sulla pagina. Dopo aver tentato ampiamente di risolvere il problema, non so perché non sta visualizzando.

<div ng-repeat="x in pers" class="person">
<div class="name">{{ pers.person }}</div>
<div class="out">Out</div>
<div class="in" >In</div>
<div class="onsite">On site</div>
<div class="notes">
<div class="n"></div>
<div class="dn">Delete note</div>
<div class="an">Add note</div>
</div>

Il mio controller sembra così.

app.controller("MainController", ["$scope",  function($scope) {
$scope.pers = [
{
person: "Nick",
},
{
person: "Greg",
}];
}]);

La funzione di ripetizione funziona come previsto e vengono creati due tavoli, tuttavia entrambi divs con il nome della classe sono lasciati senza alcun testo in essi nella pagina. Ho provato a usare ng-binding="pers.person" pure senza alcun successo.

Grazie in anticipo per qualsiasi aiuto tu possa offrire con questo numero che sto avendo.

risposte:

1 per risposta № 1

dovrebbe essere {{x.person}} tu stai usando ng-repeat di pers con l'alias x