使用动态生成的HTML表单的ng-model

Question

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

Answer 1

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

这样的事情：

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

了解所有相关信息 - ＆gt; $compile

---

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

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

然后

了解所有相关信息 - ＆gt; $templateCache，ngInclude

---

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