javascript - 从 Ionic 4 中模式内的按钮路由到选项卡

Question

我在 Ionic 4 Modal 中有一个按钮，我希望在单击它时打开一个选项卡页面。

我可以验证该选项卡是否存在，因为我已直接导航到它。

这是我的按钮本身的代码:

<ion-button expand="block" class="signup" margin (click)="signupPage()">Don't have account? Sign Up</ion-button>

正如您所看到的，单击此处激活此功能的按钮后会加载单击功能:

signupPage() {
    this.modalController.dismiss();
    this.router.navigate([`/tabs/(signup:signup)`]);
  }

模式关闭，但我没有路由到选项卡，这是我当前收到的错误。

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'tabs'
Error: Cannot match any routes. URL Segment: 'tabs'

感谢您提前提供的帮助!

Answer 1

按如下方式更改您的标记和函数。您应该更改选项卡路由，但您正在使用 Angular 路由器来更改路由。

[attr.href] 会将 href 属性添加到 ion-button 元素。

<ion-button expand="block" class="signup" margin [attr.href]="'/tabs/(signup:signup)'"  (click)="signupPage()">Don't have account? Sign Up</ion-button>

signupPage() {
    this.modalController.dismiss();
    // you don't need to route from here anymore.
}