Phạm vi góc không cập nhật khi xóa một mục

Question

Tôi có một ứng dụng đơn giản để tôi có thể thêm người dùng vào danh sách và xóa chúng.

Biểu mẫu để thêm người dùng mới liên kết với $scope.newPerson. Khi gửi biểu mẫu, tôi thêm đối tượng newPerson vào $scope.people là một mảng chứa các đối tượng person.

Tôi lặp qua mảng people với chỉ thị ng-repeat, để in ra những người hiện được thêm vào phạm vi. Những hàng tất cả đều có một nút remove (đoạn Jade):

div.row(data-person, ng-repeat="person in people", ng-model="person") 
    button(ng-click="removePerson(person)") Remove 

Khi tôi bấm vào nút Remove, tôi thực hiện chức năng này:

$scope.removePerson = function(person) { 
    var index = $scope.people.indexOf(person); 
    if (index > -1) { 
    $scope.people.splice(index, 1); 
    person = null; 
    } 
} 

này loại bỏ các dòng từ bảng, và đặt person phạm vi đến null. Batarang hiển thị { This scope has no models } sau đó.

Tuy nhiên, tôi đã nhận thấy rằng mảng people của tôi không cập nhật. Khi tôi kiểm tra phạm vi của nó ở Batarang, người mà tôi vừa xóa vẫn nằm trong mảng đó. Khi tôi bắt đầu nhập để thêm người mới, nó sẽ cập nhật. Nếu tôi gửi toàn bộ trang đến máy chủ của mình mà không làm điều này, mảng vẫn chứa những người đã xóa.

Nếu tôi đặt $scope.$apply() sau person = null;, tôi sẽ nhận được hành vi mong đợi, tuy nhiên nó sẽ phát ra lỗi là apply is in progress. Tôi cũng đọc gọi số $apply() mình được coi là thực hành không tốt. (?)

Tôi mới tham gia Angular và tôi dường như không tìm thấy nhiều thông tin về cách giải quyết vấn đề này. Làm cách nào để tôi cập nhật mảng của mình khi tôi xóa một người? Cảm ơn.

Answer 1

tôi đã làm như sau để sửa lỗi này:

Không còn ng-model trên ng-repeat khối:

div.row(data-person, ng-repeat="person in people") 

tái cơ cấu ng-click sự kiện cho removePerson():

<button ng-click="removePerson($index)"> 
    Remove 
</button> 

và thay đổi mã removePerson() này:

$scope.removePerson = function(index) { 
    $scope.people.splice(index, 1); 
}; 

Không chắc chắn nếu bất cứ điều gì thực sự cố định này so với mã trước đây của tôi, bởi vì tôi nhận thấy rằng đây cũng là một vấn đề batarang. Khi tôi chỉ cần đăng nhập {{ people }} vào HTML của mình hoặc console.log($scope.people), tôi thấy cập nhật mảng people. Tuy nhiên, ở Batarang, mảng không cập nhật.

Bài học kinh nghiệm: đôi khi, đăng nhập công cụ ra chính mình là tốt hơn vì dựa vào các công cụ;)

Answer 2

phương pháp lát không cập nhật mảng của bạn, nhưng quay trở lại New một