Tại sao kích hoạt $watch trực tiếp sau khi tải trang và làm cách nào để ngăn chặn điều này?
function MyCtrl($scope) {
// Init scope vars
$scope.data_copy = {};
// If data_copy changes...
$scope.$watch("data_copy", function(newValue, oldValue) {
alert("$watch triggered!");
}, true);
}
On chạy đầu tiên cả hai giá trị (newValue và oldValue) đều bình đẳng, vì vậy bạn có thể dễ dàng thoát khỏi nó bằng cách kiểm tra bình đẳng:
$scope.$watch("data_copy", function(newValue, oldValue) {
if(newValue === oldValue){
return;
}
alert("$watch triggered!");
});
Ahh, cảm ơn! Nhưng tôi thực sự có thể so sánh hai đối tượng với ===, tôi không nên sử dụng một cái gì đó như _.isEqual của underscore (newValue, oldValue)? – tidelipop
Có 'angular.equals' hoạt động cho bạn không. – Stewie
Có lẽ, nhưng tôi đã sử dụng gạch dưới vì vậy tôi đã sử dụng nó thay vào đó và nó hoạt động rất tốt. – tidelipop
Đã có một cuộc thảo luận rất hay tại đây:
How do I ignore the initial load when watching model changes in AngularJS?
$ phạm vi $ đồng hồ ('fieldcontainer', function (new_fieldcontainer, old_fieldcontainer) {
if (typeof old_fieldcontainer === 'undefined') trở lại.
// Mã khác để xử lý đối tượng đã thay đổi tại đây.
});
Bỏ chức năng đồng hồ $ vào chức năng sẵn sàng góc.
angular.element(document).ready(function()
{
$scope.$watch("data_copy", function(newValue, oldValue) {
alert("$watch triggered!");
}, true);
})
Khi trang tải góc. Nó thay đổi giá trị và đồng hồ $ được kích hoạt.
Đây cũng là trường hợp nếu bạn có bộ điều khiển hoặc chỉ thị được bắt đầu một thời gian sau khi tải trang. – Andrew