Góc: Đẩy mục vào danh sách không cập nhật giao diện

Question

Khi tôi đẩy một mục vào một mảng, chế độ xem sẽ không làm mới danh sách.

bảng:

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

dạng:

<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 trong điều khiển:

$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; 
}; 

Như bạn thấy, tôi đăng nhập tổng sản phẩm trong mảng và nó hoạt động như Tôi mong chờ. Điều duy nhất không làm những gì tôi mong đợi là nội dung của bảng của tôi, điều đó không hiển thị giá trị mới.

Tôi phải làm gì, vì vậy hàng mới được hiển thị trong bảng?

Answer 1

Cảm ơn câu trả lời và nhận xét. Vấn đề là ở một nơi khác. Trong số routeProvider Tôi đã khai báo một bộ điều khiển. Tôi cũng có một chỉ thị ng-controller trong div của tôi. Vì vậy, bộ điều khiển của tôi được thực hiện hai lần. Khi tôi xóa chỉ thị ng-controller, mọi thứ chỉ hoạt động như vậy :)

Answer 2

Tôi không thể thấy phần còn lại của mã của bạn, nhưng đảm bảo rằng $scope.products được xác định trong bộ điều khiển của bạn.

Xem điều này example.

Việc bổ sung duy nhất tôi thực hiện để mã mà bạn cung cấp là:

$scope.products = []; 

Nếu điều này không giúp thì xin vui lòng cung cấp thêm thông tin.