Angolare: premere l’elemento di lista non si aggiorna la vista

Quando premo un elemento di un array, la vista non aggiornare l’elenco.

tabella:

<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 nel 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 si può vedere, io registro il totale di elementi nella matrice e si comporta come mi sarei aspettato. L’unica cosa che non fa quello che mi aspetto è il contenuto del mio tavolo, che non mostra il nuovo valore.

Cosa devo fare, in modo che la nuova riga viene visualizzato nella tabella?



Tags: angularjs, javascript