按钮单击方法滚动到页面顶部而不是执行操作

Question

我正在设计一个Angular 2应用程序，允许用户取消他们所在的屏幕并返回页面。虽然这样做，但第一次单击该按钮会导致页面滚动到顶部，然后按下按钮会导致预期的操作。我尝试从click方法返回false，但它不起作用。我认为这可能与按钮嵌入两个div元素并且它冒泡的事实有关。

我的按钮代码是：

<div class="col__7-12">
    <button class="u__right u__text--alternate  u--paddingTop" (click)="cancelClicked()" >Cancel</button>
</div>

canceClicked（）方法是：

cancelClicked(){
    window.history.back();
    return false;
}

Answer 1

尝试使用：window.history.go(-1) 并且如评论中提到的那样，请确保使用preventDefault（）