2017-09-19 26 views
0

我的以下代码触发addResult()方法属性,但提交的属性始终为空。任何猜测?Angular 2 ngSubmit.emit()不会更改<myform> .form.submitted属性

<form class="form-horizontal" (ngSubmit)="addResult()" #resultForm="ngForm"> 
    <p>is form submitted? {{resultForm.form.submitted}}</p> 
    ... 
    <button type="submit" (click)="resultForm.ngSubmit.emit()" class="btn btn-primary" data-dismiss="modal" id="saveDialog">Sauvegarder</button> 
</form> 

回答

0

更改这个

  1. 通东西的功能。
  2. 删除resultForm.ngSubmit.emit()它不必要的。
  3. 它只是resultForm.submitted
  4. 创建Plunker

    <form class="form-horizontal" (ngSubmit)="addResult(resultForm)" #resultForm="ngForm"> 
    <p>is form submitted? {{resultForm.submitted}}</p> 
    
    ... 
    <button type="submit" class="btn btn-primary" data-dismiss="modal" id="saveDialog">Sauvegarder</button> 
    

+0

谢谢您的回答。我忘了说提交是在模态对话框中,所以我不知道为什么,按钮没有提交表单,我试图将对话框定义放在

的内部。我发现获得调用addResult的唯一方法是.emit()。但不确定它是否正确。 –

+0

您应该将按钮放在表单中以便提交工作。另一个case.just使用 and work with form in功能 – alexKhymenko