我正在开发一个离子/角度应用程序,该应用程序具有顶部导航栏来处理我的后背并继续路线。我根据自己的位置和要去的地方在路由模块中动态设置路由。
我正在尝试将表单提交添加到导航的继续中,而我确实在竭尽全力地在各个组件之间做到这一点。
这是我的app.component的样子
<ion-app>
<stm-navbar></stm-navbar>
<stm-loader></stm-loader>
<ion-router-outlet main></ion-router-outlet>
</ion-app>
我的导航看起来像这样。如果定义了路由,则设置路由链接,第二个是我要使用点击处理程序进行的操作
<a
id="aNavRightRoute"
*ngIf="navbarRightRoute"
[routerLink]="navbarRightRoute.path + (this.itemId ? '/' + this.itemId : '')"
[ngClass]="navbarRightRoute.class"
>Continue</a
>
<a
id="aNavRightClick"
*ngIf="navbarRightClick"
[ngClass]="navbarRightClick.class"
(click)="this[navbarRightClick.click]()"
>Continue</a
如果在导航的打字稿中有该函数,我就可以调用该函数,但是我无法弄清楚如何在已导航到的页面中触发该函数。这些属性是在我的路由模块中定义的,就像这样
{
path: 'new-page',
component: NewPageComponent,
data: {
navbarTitle: 'Nav Title',
navbarLeftButton: {
back: true
},
navbarRightClick: {
click: 'someFucntion'
}
}
}
我只是想在继续单击上提交表单。我曾经考虑过从导航中触发一个离子事件,但是我知道必须有更好的方法来处理此问题。通用导航中似乎需要点击处理程序,这似乎很常见。
有关如何执行此操作或是否有更好的方法的任何提示将不胜感激。