如何在 IONIC 中单击按钮导航到新屏幕

Question

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

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

我得到以下输出。

Cannot GET /tranaddnew.html

谁能帮我如何在单击ionic中的按钮时导航到新屏幕？

Answer 1

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

您应该使用"导航控制器"在视图之间导航。

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']"