html - Angular:在同一个按钮上使用(单击)和 routerLink

Question

我有一个按钮可以重定向到新页面，同时应该将数据保存到服务中。当我现在使用它时，它看起来像这样:

<button [disabled]="!isValid" (click)="saveToService()" routerLink="/link">Next</button>

现在我想知道这是否是最佳实践。感觉 html 按钮被这么多单独的功能弄得有些困惑。明显的替代方案是将路由器导航移至执行这两项操作的函数，如下所示:

<button [disabled]="!isValid" (click)="saveAndNavigate()">Next</button>并在 ts 中:

private saveAndNavigate():void { this.service.setData(data); this.router.navigate(['/link]); }

有“正确”的方法来做到这一点吗？在 html 中执行这两个操作是否会产生一些不需要的副作用？

谢谢

Answer 1

我建议你在路由器 promise 中这样做。所以你可以:

this.router.navigate(['/link]).then(() => {
 this.service.setData(data);
});