有角度 – 按钮正在重新加载我的页面,即使他不是提交

我现在有一个问题,在angle2中的按钮…

他们似乎有奇怪的行为,不存在于角度1,甚至在任何纯html它不会做奇怪的行为

每次我点击我的按钮,页面正在重新加载…它不是一个提交按钮..所以它不应该重新加载页面！

另一种在角度2中令人沮丧的行为,很多错误使得浏览器重新加载,并且我们失去了控制台日志…

这里是代码

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>

没有错误,我在第一个语句中执行调试器的过程,但是当按钮的结束发生时,它重新加载页面…