Question

提交按钮应触发检查＆＃39;功能，并启动引导模式。但后来没有发生。当我将html更改为type =＆＃34; button＆＃34;时，它可以工作。是不是可以使用提交按钮激活引导模式？

<form [formGroup]="guessForm" (ngSubmit)="check($event)" class="form-group">
    <input type="number" formControlName="answer" class="form-control">
    <button type="submit" [disabled]="!guessForm.valid" data-toggle="modal" [attr.data-target]="myModal" class="btn btn-success">Check</button>
</form>

Answer 1

这是因为submit按钮默认刷新页面。尝试使用以下代码行来防止它。
$event.preventDefault();
在check方法中将其添加为第一行。它应该工作。

Answer 2

首先，你需要制作一个事件而不是控制提交按钮和火模式，如下所示。我用jquery调用它，但是你使用了你想要的框架。

<input type="submit" value="submit" onclick = "foo();"/>
<script>
    function foo(){
      $('#yourModalId').modal('show'); 
    }
</script>

对于angular JS，您可以点击此链接： http://plnkr.co/edit/wfv8P2T1ENg6XkjruzEq?p=preview

提交按钮不会触发模态

2 个答案: