angularjs - 表格ng-submit不使用动态生成的表格html

时间:2015-07-27 08:23:43

标签: javascript html angularjs forms

我想使用" ng-repeat"生成多个表单。并将数据绑定到表单。 我已经使用angular js指令生成了html,但事件并未触发生成的HTML。我认为angular js无法在加载的DOM中找到HTML。

以下是关于Plunker的代码:

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

生成HMTL后,我想通过" ng-submit"提交表单。指示。 我使用角度js版本1.4.1,我的自定义指令是

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

1 个答案:

答案 0 :(得分:2)

由于您在指令中使用隔离范围,因此该指令无法直接访问父范围函数。 你可以做的是传递函数的引用,使用语法调用submit to directive:

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

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

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

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

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