导航中的表单提交或单击处理程序

时间:2019-12-20 13:51:54

标签: angular typescript ionic-framework ionic4

我正在开发一个离子/角度应用程序,该应用程序具有顶部导航栏来处理我的后背并继续路线。我根据自己的位置和要去的地方在路由模块中动态设置路由。

我正在尝试将表单提交添加到导航的继续中,而​​我确实在竭尽全力地在各个组件之间做到这一点。

这是我的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'
          }
        }
      }

我只是想在继续单击上提交表单。我曾经考虑过从导航中触发一个离子事件,但是我知道必须有更好的方法来处理此问题。通用导航中似乎需要点击处理程序,这似乎很常见。

有关如何执行此操作或是否有更好的方法的任何提示将不胜感激。

0 个答案:

没有答案