angularjs ng-repeat elenco non aggiornato quando elemento aggiunto/rimosso

Question

C'è un elenco di utenti recuperati da una pausa API. Ecco il modello

<div ng:controller="UserController"> 
    <a ng-click="createUser()">Create User</a> 

    <div ng-view> 
     <ul> 
      <li ng-repeat="user in users"> 
       {[{user.first_name}]} {[{user.last_name}]} 
      </li> 
     </ul> 
    </div> 
</div> 

Il JS:

function UserController($scope, User, Group){ 
    $scope.users = User.query(); 

    $scope.createUser = function(){ 

     //$scope.users = null; 
     //$scope.users.pop(); 
     //$scope.users.push(new User({id:'5'})); 

     console.log($scope.users); 
    } 
} 

Il servizio: http://dpaste.com/1065440/

Tutti gli utenti un recuperati e riportati in modo corretto. Il problema è che non riesco a manipolare affatto l'elenco dei rendering. Non importa cosa faccio push, pop o impostato su null. L'elenco non cambia nel modello. Tuttavia, l'ultima dichiarazione di registro mostra le modifiche, viene stampato ad es. NULL quando l'array di utenti è impostato su null.

Qualche idea in cui il problema è?

Answer 1

L'oggetto si spinge nella matrice deve essere un'istanza di User

function UserController($scope, User){ 

    $scope.users = User.query(); 

    $scope.createUser = function(){ 
     $scope.users.push(new User({first_name:'Bob', last_name: 'Schmitt'})); 
    } 
} 

Quindi, utilizzare new User({})

Dalla nostra conversazione, sembra che il problema era nel routing. Lo stesso controller esterno è stato assegnato al parziale che veniva caricato nello ng-view. La rimozione die lo spostamento parziale del pulsante createUser risolverebbero il problema, ma se è davvero necessario chiamare il metodo createUser da esterno a ng-view, sarà necessario che tutti i dati ad esso associati si trovino nel controller esterno. Pertanto, puoi mantenere il controller esterno così com'è e modificare il percorso per utilizzare un controller segnaposto vuoto.

Answer 2

assicurarsi che venga chiamato createUser. IE ng-clic o qualcosa del genere.

<button type="button" ng-click="createUser()">Create User</button> 

La funzione di spinta sembra corretta, ma l'associazione in html sembra errata. Dovrebbe essere doppia parentesi graffa.

<li ng-repeat="user in users"> 
    {{user.first_name}} {{user.last_name}} 
</li> 

Esempio aggiunto che ho usato in precedenza sull'aggiunta dell'oggetto.

<div ng-app="main"> 
    <div ng-controller="MyCtrl"> 
     <button ng-click="add()" >Add</button> 
     <div id="container"> 
      <div ng-repeat="test in tests>{{test.name}}</div> 
     </div> 
    </div> 
</div> 


$scope.tests = {}; 

$scope.add = function() { 
    var newTest = {name: 'Test Message'}; 

    $scope.tests.push(newTest); 
};