Mô hình cập nhật JS góc từ dom

Question

Tôi đã nhìn thấy đống câu hỏi về điều này và tất cả chúng dường như được giải quyết bằng cách gọi $scope.$apply(), $scope.$digest() hoặc bằng cách kích hoạt phương thức change() trên đầu vào. Nhưng tôi không thể làm cho nó hoạt động với bất kỳ phương pháp nào trong số đó. Trong fiddle này, tôi có thể nhập tên vào hộp và nhận giá trị mô hình để cập nhật khi tôi nhập. Nhưng khi tôi nhấp vào liên kết, để đặt tên đầu vào thành một giá trị nhất định, tôi muốn tên mô hình cần cập nhật. Tôi cần phải làm gì?

Lý do tôi đang cố gắng làm điều này là tôi muốn có thể làm mới mô hình góc của mình khi người dùng tự động điền biểu mẫu, sử dụng tự động điền trình duyệt hoặc LastPass hoặc tương tự. Chắc chắn có một số lệnh góc để làm mới mô hình từ DOM?

http://jsfiddle.net/PXCUq/

$(function() { 
    $('#setFirstName').click(function() { 
     $('input.firstname').val('Test Name'); 
     angular.element($('input.firstname')[0]).scope().$apply(); 
     // Model still not updated 
    }); 
}); 

Answer 1

Lấy phạm vi, sau đó thay đổi thuộc tính ng mô hình:

$('#setFirstName').click(function() { 
    var scope = angular.element($('input').get(0)).scope() 
    scope.firstname = 'Test Name'; 
    scope.$apply(); 
}); 

Bạn có thể đưa ra một selector jQuery tốt hơn. Tôi chỉ tập trung vào phần Góc.

Fiddle.