如何从angularjs函数中监听java脚本触发事件？

Question

我正在实施在线yaml代码编辑器。我想实时转换yaml代码和json对象。我已经使用了以下java脚本函数。

editor.getSession().on('change', function(e) {

try{
    nativeObject = YAML.parse(editor.getValue());
    var out  = nativeObject.toString();
    //window.alert(editor.getValue());
    //console.log(out);
    //document.getElementById("documentation").innerHTML=editor.getValue();
    //window.alert(nativeObject);

    //fire the event

    if ("createEvent" in document) {
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent("change", false, true);
        element.dispatchEvent(evt);
    }
    else
        element.fireEvent("onchange");

}catch(e2) {
    //window.alert("Syntax Error");
    swal("Syntax Error", "Please check your yaml syntaxes!", "error");

}

});

然后我使用angularjs将这个json元素设置为html页面。如何编写angularjs函数来监听上面触发的事件？我已经使用了这个angularjs函数，但它无法正常工作

$scope.$on('onchange',function($scope,$http){
    $http.get('sample.json').success(function(response){
        $scope.myData = response;
        //console.log("good");
    });
});