Angolare: spingere la voce nell'elenco non aggiorna la vista

Question

Quando si inserisce un elemento in un array, la vista non aggiornerà l'elenco.

tavolo:

<tbody id="productRows"> 
    <tr data-ng-repeat="product in products | filter: search"> 
     <td>{{ product.Code}}</td> 
     <td colspan="8">{{ product.Name}}</td> 
    </tr> 
</tbody> 

forma:

<form data-ng-submit="submitProduct()"> 
    Code: 
    <br /> 
    <input type="text" required data-ng-model="product.Code"/> 
    <br /> 
    <br /> 
    Naam: 
    <br /> 
    <input type="text" required data-ng-model="product.Name"/> 
    <br /> 
    <input type="submit" value="Opslaan" /> 
</form> 

submitProduct controller:

$scope.submitProduct = function() { 
    console.log('before: ' + $scope.products.length); 

    $scope.products.push({Code: $scope.product.Code, Name: $scope.product.Name}); 
    console.log('after:' + $scope.products.length); 
    console.log($scope.products); 

    $scope.showOverlay = false; 
}; 

Come potete vedere, annoto le voci totali nella matrice e si comporta come Mi aspetterei. L'unica cosa che non fa quello che mi aspetto è il contenuto della mia tabella, che non mostra il nuovo valore.

Cosa devo fare, quindi la nuova riga viene visualizzata nella tabella?

Answer 1

Grazie per la risposta e i commenti. Il problema era in un altro posto. Nel mio routeProvider avevo dichiarato un controller. Ho anche avuto una direttiva ng-controller nel mio div. Quindi il mio controller viene eseguito due volte. Quando ho rimosso la direttiva ng-controller, tutto stava funzionando come dovrebbe essere :)

Answer 2

Non riesco a vedere il resto del codice, ma assicurati che $scope.products sia definito nel controller.

Vedere questo example.

L'unica aggiunta che ho fatto per il codice che hai fornito era:

$scope.products = []; 

Se questo non aiuta, allora si prega di fornire maggiori informazioni.