JavaScript外部函數調用AngularJS的函數、$scope

x

場景：

需要在用FusionCharts畫的柱狀圖中添加點擊事件，But彈出框是Angularjs搞的，我想的是直接跳到彈出框的那個路由里，然后在彈出框的控制器中綁定數據即可；

/*  點擊事件  */
var FusionChartsClick = {
    getlist_click: function (review, source) {
        //先跳到路由指定的頁面(是一個彈出框,來顯示列表)
        location.href = 'http://localhost:21002/index.html#/xxxx/xxxx.list'
        $.ajax({
            type: 'POST',
            url: "服務接口路徑",
            //contentType:"application/json; charset=utf-8;",//這行不注釋說不允許跨域調用!!!
            success: function (_data) {
　　　　　　　　　//重點!!!!!!!
                var appElement = document.querySelector('[ng-controller=u_controller_name]');
                var scope = angular.element(appElement).scope(); //alert($scope);
                var data = JSON.parse(_data);//eval("(" + e + ")");
　　　　　　　　　//將得到的數據data賦值給$scope下的list_data
                scope.list_data= JSON.parse(data["list"]);
　　　　　　　　　//調用方法后，可以重新綁定，在頁面同步 scope.$apply();
            },
            error: function () { }
        });
    }
｝

 

參考文章

x