Question

我有一个这样的主页：

的index.html

<div id="ajaxContent"></div>
<button onclick="callAjax()">Click</button>
<script>
function callAjax() {
        $.ajax({
            type: "POST",
            url: "angular.html",
            data: data,            
            success: function (response) {
                $("#ajaxContent").html(response);
            }
        });
    }
</script>

并在angular.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script>angular.module("myApp").controller("myCtrl", function ($scope) {
$scopr.test="hello!";
});
</script>
<div ng-app="myApp" ng-controller="myCtrl">
{{test}}
</div>

但是在用ajax加载后总是说“angular is not defined”有没有办法做到这一点？谢谢。

Answer 1

首先我要说的是，当你可以使用angular的$ http服务时，不需要使用jQuery for AJAX。如果要根据某些条件加载整个html文件，可以使用指令或angular的路由。

在我看来，尝试这样做是错误的，你想要实现什么？

我很确定你的角度未被定义的问题来自于你没有将<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>放在你试图插入这个HTML的页面中。

可能性使用AJAX加载Angular js页面？

1 个答案: