簡體   English   中英

angularjs-ng提交表單不能與動態生成的html一起使用

[英]angularjs - form ng-submit not working with dynamic generated form html

我想使用“ 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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM