Question

这是我点击按钮调用页面的代码

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

我得到以下输出。

Cannot GET /tranaddnew.html

有人可以帮助我点击ionic中的按钮导航到新屏幕吗？

Answer 1

您不会在离子中使用普通HTML之类的锚标签。

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

Ionic documentation for NavController是阅读此内容的好地方

Answer 2

您需要在ngModules中定义路径，如下所示：

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

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

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

然后你可以在模板中使用这样的东西：

[routerLink]="['tranaddnew']"

单击离子按钮时如何导航到新屏幕

2 个答案: