Angular 按钮正在重新加载我的页面，即使他'；这不是屈服

阿尔法：44

我有一个问题，目前与按钮在angular2

它们似乎具有angular1中不存在的奇怪行为，甚至在任何纯html中，它也不具有奇怪的行为

每次我点击我的按钮，页面都在重新加载。。。这不是一个提交按钮。。所以它不应该重新加载页面

另一个在angular2中非常令人沮丧的行为是，大量错误导致浏览器重新加载，我们丢失了控制台日志

这是密码

createPlayer() {
    let p = new PlayerModel('s', 1);
    console.log(p);
}

<form>
    <div class="form-group">
        <label for="name" class="control-label">
            Name:
        </label>

        <input type="text" id="name" class="form-control"/>
    </div>

    <div class="form-group">
        <label for="score" class="control-label">
            Score:
        </label>

        <input type="number" id="score" class="form-control"/>
    </div>

    <div class="form-group">
        <button (click)="createPlayer()" class="btn btn-default">
            Create a Player
        </button>
    </div>
</form>

createPlayer（）{
设p=新的PlayerModel（'s'，1）；
控制台日志（p）；
}
姓名：
分数：
创建一个玩家

---

当我在第一条语句中使用调试器进行处理时没有错误，但当按钮结束时，它会重新加载页面…

除非您另有指定，否则提交表单是

s的默认行为（我知道，对吧？）。您可以通过不包含

表单

、添加

type=“button”

、或防止其他可能感兴趣的人在

createPlayer中出现默认行为来避免这种情况：按如下方式创建表单：

 <form (ngSubmit)="onSubmit()" #feedback="ngForm">



然后在组件中创建一个onSubmit（）函数

例如，转到angular.io并转到左侧菜单上的Basic/Forms，向下滚动并单击“Live Demo”链接。
您也可以使用（参见第一个示例）为其提供默认操作。