angularjs - 表单 ng-submit 不适用于动态生成的表单 html答案

【问题标题】：angularjs - form ng-submit not working with dynamic generated form htmlangularjs - 表单 ng-submit 不适用于动态生成的表单 html
【发布时间】：2015-07-27 17:00:26
【问题描述】：

我想使用“ng-repeat”生成多个表单并将数据绑定到表单。我已经使用 angular js 指令生成了 html，但是事件没有在生成的 HTML 上触发。我认为 Angular js 无法在加载的 DOM 中找到该 HTML。

这是我在 Plunker 上的代码：

http://plnkr.co/edit/lJsCUqzd1R6xkq1CgXOM?p=preview

生成 HMTL 后，我想通过“ng-submit”指令提交表单。我正在使用 Angular js 版本 1.4.1，我的自定义指令是

<div custom-form formfor="eng" formforid="1"></div>

【问题讨论】：

标签： javascript html angularjs forms

【解决方案1】：

由于您在指令中使用了隔离作用域，因此该指令无法直接访问父作用域函数。您可以做的是使用语法传递函数的引用以调用提交到指令：

 scope: {
      formfor: "@",
      formforid: "@",
      formFn:"&"
    },

那你需要修改指令用法为

<div custom-form formfor="eng" formforid="1" form-fn="newsForm2()"></div>

指令模板和实现也需要改变。

在这里查看我的 plunkr http://plnkr.co/edit/Z4tf0Jqi59S8nNLCmH6z?p=preview

【讨论】：