使用Ajax将外部angularjs元素放入html页面_Html_Ajax_Angularjs

使用Ajax将外部angularjs元素放入html页面

html ajax angularjs

使用Ajax将外部angularjs元素放入html页面,html,ajax,angularjs,Html,Ajax,Angularjs,我有一个非常简单的表单，使用angularjs验证数字字段test.html angular.module（'myApp'，[]） .controller（'myController'，['$scope'，function（$scope）{}]）；无效数字我想把这个表单放到另一个html页面中 <html> <div id="test">  &

我有一个非常简单的表单，使用angularjs验证数字字段test.html


angular.module（'myApp'，[]）
.controller（'myController'，['$scope'，function（$scope）{}]）；
无效数字

我想把这个表单放到另一个html页面中

<html>
<div id="test">
<!--I want my angular js number element to go here-->
</div>
</html>

通常，当我做类似的事情时，我会使用javascript向页面发出请求，并使用innerhtml将表单放置在我想要的位置，类似这样的事情

<script>
var xRequest1;
    xRequest1=new XMLHttpRequest();
    xRequest1.onreadystatechange=function ()
    {
        if((xRequest1.readyState==4) && (xRequest1.status==200))
        {
            document.getElementById("test").innerHTML=xRequest1.responseText;
        }
    }
    xRequest1.open("post","test.html",true);
    xRequest1.send();
</script>


var x1；
xRequest1=newXMLHttpRequest（）；
xRequest1.onreadystatechange=函数（）
{
if（（xRequest1.readyState==4）和&（xRequest1.status==200））
{
document.getElementById（“test”）.innerHTML=xRequest1.responseText；
}
}
xRequest1.open（“post”，“test.html”，true）；
xRequest1.send（）；

但是这不起作用，你知道我该怎么做吗？或者这可能吗？我以前从未和安格拉斯合作过。提前谢谢

如果你是从头开始构建angular应用程序，那么你应该考虑，将NG应用程序放在主要索引中，并使用NG包括 @罗尼指出
但是，如果您被迫将角度积分到legacy上的一个位置代码，可以手动引导角度应用程序，之后，填充使用以下命令在ajax回调中进行div#测试：

您可以使用ng include？非常感谢！我一直在努力让它工作太久了。出于好奇，为什么我需要在我的主页中有angular.module（'myApp'）…脚本？因为所有这些都在我的页面中，所以需要调用来填充我的测试div。这不是世界末日，但我无法使它工作，除非我在主页中有它。

<script>
var xRequest1;
    xRequest1=new XMLHttpRequest();
    xRequest1.onreadystatechange=function ()
    {
        if((xRequest1.readyState==4) && (xRequest1.status==200))
        {
            document.getElementById("test").innerHTML=xRequest1.responseText;
        }
    }
    xRequest1.open("post","test.html",true);
    xRequest1.send();
</script>

var xRequest1;
    xRequest1=new XMLHttpRequest();
    xRequest1.onreadystatechange=function ()
    {
        if((xRequest1.readyState==4) && (xRequest1.status==200))
        {
            document.getElementById("test").innerHTML=xRequest1.responseText;
            // bootstrap your app here ...
            angular.bootstrap(document.getElementById('test'), ['myApp']);
        }
    }
    xRequest1.open("get","test.html",true);
    xRequest1.send();