在Ajax加载时,角度js控制器不起作用

问题描述:

母版页:

Master Page:

<script type ="text/javascript" >
         $(document).ready(function () {

             $("#aaa").load("PlanDetails.aspx");

                     });

     </script>







在Plandetails.aspx:




In Plandetails.aspx:

<script type="text/javascript">
                    var app = angular.module("app", ["xeditable", "ngMockE2E"]);
                    debugger;
                    app.run(function (editableOptions) {
                        editableOptions.theme = 'bs3';
                    });

                    app.controller('Ctrl', function ($scope, $filter, $http) {

                        $.ajax({
                            type: "GET",
                            url: "Test.asmx/LoadAllPackages",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            async: false,
                            success: function (response) {
                                $scope.packages = JSON.parse(response.d);

                            }, error: function (response) {
                                alert(response.status + ' ' + response.statusText);
                            }
                        });
}
</script>





当我加载页面时,app.controller fucntions不会触发。



When I load the page, app.controller fucntions are not firing.

(document).ready(function(){
(document).ready(function () {


(#aaa)。load(PlanDetails .aspx);

});

< / script >
("#aaa").load("PlanDetails.aspx"); }); </script>







在Plandetails.aspx:




In Plandetails.aspx:

<script type="text/javascript">
                    var app = angular.module("app", ["xeditable", "ngMockE2E"]);
                    debugger;
                    app.run(function (editableOptions) {
                        editableOptions.theme = 'bs3';
                    });

                    app.controller('Ctrl', function (


scope,