将 ng-model 与动态生成的 HTML 表单一起使用

【问题标题】：using ng-model with dynamically generated HTML form将 ng-model 与动态生成的 HTML 表单一起使用
【发布时间】：2014-03-11 01:29:37
【问题描述】：

我有一个 JSON 对象，我正在使用 json2html 库将其转换为 HTML。这个 HTML 表单有一个用户名和密码字段。我需要将输入的用户名和密码的值传递给后端进行身份验证。当 HTML 是静态的时，此表单工作得非常好，因为现在，HTML 是动态生成的，文本字段的 ng-model 根本不起作用。任何有助于消除此问题的帮助将不胜感激。谢谢

【问题讨论】：

如果我的回答对您有帮助，请点击旁边的复选标记。
谢谢，您的回复非常有帮助，我使用 ng-repeat 生成表单，并根据我从 JSON 对象获得的值更改 HTML 元素中的属性。

标签： angularjs json2html

【解决方案1】：

您需要使用$compile。 Angular 不知道您刚刚转储到页面上的 html（除非您使用 Angular 模板）。您需要使用 Angular 和特定范围注册新的 dom。

类似这样的：

$('#container').append($compile($(HTMLString)));

了解一切 -> $compile

但是我建议不要在 Angular 之外添加 html。您可以通过多种方式执行此操作，包括使用 $templateCache。

$templateCache.put('myForm', HTMLString);

然后

了解一切 -> $templateCache, ngInclude

您也可以编写指令，甚至不动态生成 HTML，而是将解析后的 JSON 直接附加到 $scope 并做一个聪明的 ng-repeat。

【讨论】：