如何以編程方式將ng-pristine設置爲使用jQuery的ng-dirty？

Question

我正在嘗試在輸入中設置用戶名。它填充輸入並運行按鍵事件，但它不會將ng-pristine更改爲ng-dirty。任何想法？

我的代碼：

var username = ["u", "s", "e", "r"]; 

$("#username").keypress(function(event) { 
    var key = event.keyCode || event.which; 
    $('#username').val($('#username').val() + String.fromCharCode(key)); 
}); 

for (var i=0;i< username.length;i++){ 
    var c = username[i]; 
    $('#username').trigger(jQuery.Event('keypress', {which: c.charCodeAt(0)})); 
}; 

Answer 1

由於您正在使用角度範圍，因此需要手動觸發$scope.$apply()才能觸發更改。您也必須手動設置標誌setDirty()。

獲取當前正在處理的控制器範圍的參考。

var scope = angular.element(document.querySelector("controllerSelector")).scope(); 

現在在您的按鍵事件中，觸發摘要循環。

var username = ["u", "s", "e", "r"]; 

$("#username").keypress(function(event) { 
    var key = event.keyCode || event.which; 
    $('#username').val($('#username').val() + String.fromCharCode(key)); 
    scope.$apply(); 
}); 

for (var i=0;i< username.length;i++){ 
    var c = username[i]; 
    $('#username').trigger(jQuery.Event('keypress', {which: c.charCodeAt(0)})); 
    scope.$apply(); 
}; 

這必須主要解決您的問題。否則，您可能需要手動觸發setDirty()。在範圍內指向表單並設置髒標誌。

scope.formName.$setDirty(); 

Answer 2

你爲什麼混合jQuery和角？你永遠不應該那樣做。如果你想聽更改事件或點擊。將ng-click或ng-change附加到dom元素上，或者在控制器中設置$ watch來監聽模型的任何更改。在同一個項目中混合使用jquery選擇器和角色是一個糟糕的做法。 Angular擁有你想要擺脫jQuery的所有功能。