Javascript Angular JS动态ng应用程序和ng控制器
我尝试创建动态表单,它将从服务器创建并发送到客户端。 在服务器中,我创建以下代码:Javascript Angular JS动态ng应用程序和ng控制器,javascript,angularjs,html,Javascript,Angularjs,Html,我尝试创建动态表单,它将从服务器创建并发送到客户端。 在服务器中,我创建以下代码: <div ng-app="myapp"> <div> <form ng-controller="MyController"><br> <input id="desc" pattern="[A-Z][a-z 0-9]*" required="" type="text" class="InputDo
<div ng-app="myapp">
<div>
<form ng-controller="MyController"><br>
<input id="desc" pattern="[A-Z][a-z 0-9]*" required="" type="text" class="InputDoc" ng-model="Document.desc"><br>
<input id="number" min="4" max="40" required="" type="number" class="InputDoc" ng-model="Document.number"><br>
</form>
</div>
</div>
在这之后,我的页面将以我想象的方式呈现,但输入类型和控制器没有绑定,并且没有设置值。
但是,如果复制呈现的内容,并将其另存为其他页面并运行,则一切正常
如何动态设置该表单?我应该有一些动态绑定,因为有时候这些输入是5,有时候是10。你需要手动启动angularjs我猜这里是如何加载和编译脚本-应该是你想要的,但再考虑一次-你真的需要还是不需要…angular不在乎有多少输入,同样设置主模型对象,它会自动为Yousbaaang创建所有绑定属性-是的,它是按照我的想象工作的。Petr Averyanov-对于编译html,我应该在代码中做更多更改。现在我学习了AngularJS,我可以尝试使用这个选项创建新文档,但是为什么您认为我不需要这个呢?这是动态内容的糟糕解决方案吗?
<div id="result">
</div>
var div = document.createElement("div");
div.setAttribute("ng-app", "myapp");
var script = document.createElement("script");
div.innerHTML = res;
script.innerHTML = "angular.module('myapp', []).controller('MyController', function($scope){ $scope.Document = {}; $scope.Document.title = 'test1'; $scope.Document.desc = 'test3'; });";
div.appendChild(script);
document.getElementById("result").appendChild(div);