angularjs-表单ng-submit无法与动态生成的表单html一起使用

kishor10d

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

这是我在Plunker上的代码:

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

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

<div custom-form formfor="eng" formforid="1"></div>
尚德马尼

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

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

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

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

生成动态ng模型以在angularJS中进行表单控制

来自分类Dev

生成动态ng模型以在angularJS中进行表单控制

来自分类Dev

AngularJS:动态表单生成

来自分类Dev

angularjs:ng-repeat中的表单验证

来自分类Dev

AngularJS:ng类和表单验证

来自分类Dev

AngularJS ng类,表单脏时的条件

来自分类Dev

AngularJS:ng类和表单验证

来自分类Dev

AngularJS ng-submit无法与PhoneGap iOS应用一起使用

来自分类Dev

AngularJS:在表单外部调用ng-submit事件

来自分类Dev

ng-repeat中表单的AngularJs动态名称

来自分类Dev

使用ng-model angularjs时不显示表单值

来自分类Dev

AngularJS指令使表单不带ng-model变脏

来自分类Dev

在AngularJS中输入ng-change时如何提交表单

来自分类Dev

ng-template脚本中的表单验证angularjs

来自分类Dev

AngularJS表单通过单选按钮和ng-repeat验证

来自分类Dev

AngularJS ng-如果不能在表单中工作

来自分类Dev

AngularJS-ng-include模板中的表单范围绑定

来自分类Dev

AngularJS中的动态表单

来自分类Dev

动态表单创建-AngularJS

来自分类Dev

AngularJS:创建动态表单

来自分类Dev

动态AngularJS表单

来自分类Dev

Angularjs 动态表单内容

来自分类Dev

AngularJS ng-messages在Bootstrap表单上触及表单之前显示错误

来自分类Dev

带有验证的AngularJs动态表单生成

来自分类Dev

带有验证的AngularJs动态表单生成

来自分类Dev

在AngularJS ng-submit中提交表单后,如何绑定视图?

来自分类Dev

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

来自分类Dev

ng-checked和ng-change单选按钮无法一起使用-angularjs

来自分类Dev

AngularJS ng-hide无法与ng-include模板一起使用