Question

我的.ts文件中有两个非常简单的方法：

editLocation(index) {}

deleteLocation(index) { 
    this.locations.splice(index, 1); 
}

html对应方法在单击按钮时调用这些方法：

<button (click)="editLocation(i)" class="btn btn-xs btn-success">Edit</button>
<button (click)="deleteLocation(i)" class="btn btn-xs btn-danger">Delete</button>

“删除”按钮工作正常，快速删除我需要的内容并显示更新的“位置”列表。现在，通过“编辑”按钮，我想实现不同的行为。但是，无论我在这个方法中放置什么，在执行代码之后，它会稍微思考并重定向到前一页。我从编辑方法中删除了所有内容（现在它已经是空的，如上所示），它仍然会重定向到上一页。但是，如果我将this.locations.splice(index, 1);添加到“edit”方法，它的行为就像“删除”方法，并且不会在任何地方重定向。有什么不对？非常感谢提前！

Answer 1

你可以为它添加type =“button”，以确保该按钮不是提交或其他事件：

<button type="button" (click)="editLocation(i)" class="btn btn-xs btn-success">Edit</button>

按钮点击事件

1 个答案: