Question

我尝试制作动态表单，该表单将从服务器创建并发送到客户端。在服务器中，我创建了这段代码：

    <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>

客户端只有div标签作为地方，我想存储输出：

<div id="result">
        </div>

但是在JavaScript文件中，当从XHR函数下载数据时，我创建了元素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);

在此之后，我的页面呈现出来，我的想象，但输入类型和控制器没有绑定，并且没有设置值。但是，如果我复制渲染的内容，并将其保存为其他页面并运行，那么一切正常并且没问题。

如何动态设置该表单？我应该有一些动态绑定，因为有时这些输入将是5，有时是10。

Angular JS动态ng-app和ng-controller

0 个答案: