单击ionic中的按钮时如何导航到新屏幕

Question

这是我在单击按钮时调用页面的代码

<a href="tranaddnew.html" class="btn btn-success">Add a new</a>

我得到以下输出。

Cannot GET /tranaddnew.html

任何人都可以帮助我，如何通过单击ionic中的按钮来导航到新屏幕？

Answer 1

您不会在ionic中使用像普通HTML一样的锚标记。

您应该使用“ navController”在视图之间导航。

NavController的Ionic文档是了解此内容的好地方

Answer 2

您需要像这样在ngModules中定义路由：

const routes: Routes = [
  {path: 'tranaddnew', component: tranaddnewPage},
];

@NgModule({
  declarations: [
   tranaddnewPage,
  ],
  imports: [
    RouterModule.forChild(routes),
  ]
})
export class HomeModule {
}

这将调用将在HTML中包含模板的组件（您不调用html文件）。

然后，您可以在模板中使用以下内容：

[routerLink]="['tranaddnew']"