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

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

这是我在 Plunker 上的代码:

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

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

最佳答案

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

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

然后您需要将指令用法修改为

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

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

关于javascript - angularjs - 表单 ng-submit 不适用于动态生成的表单 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31648190/

相关文章：

javascript - 如何使用同一对象的另一个键的值更改对象的键值？