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

Question

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

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