Angular 2按钮类型提交不会工作

时间:2018-05-19 23:53:41

标签: html angular onclick

我正在处理html部分。带按钮类型的按钮"提交"在我的项目中不起作用。

app.component.html

                <div class="form-group">
                    <div class="col-offset-2 col-10">
                    <button type="submit" class="btn btn-primary btn-lg" onclick="myFunction()"> Submits </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

<script>


function myFunction() {
    alert("I am an alert box!");
}
</script>

1 个答案:

答案 0 :(得分:2)

有角度你可以通过添加:

添加一个事件点击你的按钮
(click)="yourfunction()"

但您可以使用表单模块或反应表单模块来访问表单的属性,如下所示:

<form (ngSubmit)="onSignin(form)" #form="ngForm">
    <!-- your forms data here -->
<button type="submit">Login</button>
</form>

然后在ts文件中实现您的表单:

onSignin(form: NgForm) { 
    // execute your code here
  }