如何創建一個更新AngularJS輸入元素並更新範圍的小書籤？

Question

當我運行這個小書籤JavaScript時，模型不會更新角度範圍。如何觸發範圍更新或摘要循環，以便視圖模型知道更新的輸入元素值？

//This doesn't work, but it does update the input box: 

javascript:(function(){ 
    var elementText = 'Changed text'; 
    var inputElement = document.getElementById('inputBox'); 
    inputElement.value = elementText; 
})(); 

Answer 1

我發現，觸發元件改變事件觸發角消化週期：

javascript:(function(){ 
    var elementText = 'Changed text'; 
    var inputElement = document.getElementById('inputBox'); 
    inputElement.value = elementText; 
    if ("createEvent" in document) { 
     var evt = document.createEvent("HTMLEvents"); 
     evt.initEvent("change", false, true); 
     inputElement.dispatchEvent(evt); 
    } else { 
     inputElement.fireEvent("onchange"); 
    } 
})();