Javascript 在ionic2上推送页面时获取写入页面url

Javascript 在ionic2上推送页面时获取写入页面url,javascript,angular,ionic2,Javascript,Angular,Ionic2,我对ionic2和angular2都是新手,我想问一下这个方法对不对? 我有一个数组,其中包含一些菜单和页面属性示例,如下所示 { "menu" : [ {"nama" : "My Repair Request","page":"RepairRequestPage","icon":"ios-hammer-outline"}, {"nama" : "My Front Desk Instruction","page":"FrontDeskinstPage","icon":"i

我对ionic2和angular2都是新手,我想问一下这个方法对不对? 我有一个数组,其中包含一些菜单和页面属性示例,如下所示

{
"menu" : [
      {"nama" : "My Repair Request","page":"RepairRequestPage","icon":"ios-hammer-outline"},
      {"nama" : "My Front Desk Instruction","page":"FrontDeskinstPage","icon":"ios-desktop-outline"},
      {"nama" : "Amenity Reservation","page":"","icon":"ios-clipboard-outline"},
      {"nama" : "My Delivery","page":"","icon":"ios-cube-outline"}
    ]
}
然后我循环查看并给出一些函数:

<div>
    <ion-card class="menuCard center_content" *ngFor="let item of list_menu" (click) = 'openMenu(item)'>
      <ion-icon ios="{{item.icon}}" md="{{item.icon}}" ></ion-icon>
      <span>
        {{item.nama}}
      </span>
    </ion-card>
  </div>
首先,我注意到当页面被推送时,URL栏上有一些链接

我想问的是不是在角2路线没有像这样运行我有点好奇,有人能解释给我是不是正确的一个或不是


[]

您必须创建的实例将执行我们所需的路由功能

之后,只需将路由对象数组传递给RouterModule上的
forRoot
forChild
方法

另外,确保您正在执行路由模块选项的
useHash
false

{useHash:false}

useHash:
启用使用URL片段而不是历史API的定位策略

在您的
app.routes.ts中检查以下示例代码

          import { ModuleWithProviders } from '@angular/core';
          import { RouterModule } from '@angular/router';

          // custom imports
          import { Page1Component } from '../pages/page1/page1.component';
          import { Page2Component } from '../pages/page2/page2.component';
          import { Page3Component } from '../pages/page3/page3.component';


          export const APP_ROUTES_PROVIDER: ModuleWithProviders = RouterModule.forRoot(
              [
                  { path: '', redirectTo: '/page1', pathMatch: 'full' },
                  { path: 'page1', component: Page1Component },
                  { path: 'page2', component: Page2Component },
                  { path: 'page3', component: Page3Component}
              ] , {useHash: false});
对于每个路由,我们提供一个
路径
和应该在该路径上呈现的
组件
HomeComponent路径的空字符串表示没有URL时将呈现HomeComponent

然后,您只需将我们的新路由模块导入应用程序模块

imports: [
 APP_ROUTES_PROVIDER,
 IonicModule.forRoot(MyApp)
],
如需更多帮助,请检查此和


希望这能对你有所帮助

您想动态更改您的路由吗?对于响应,是的,我想动态更改我从包含对象的数组中获得的路由,并具有特定于应打开的页面的属性键页,我已经成功地更改了页面,但只是有点好奇,为什么链接栏上的页面名称与我在controler上声明页面名称时的页面名称不一样,就像这样。navbar.pus(主页);带有该功能的主页正在导入app.module.ts抱歉,如果我的解释有点奇怪,我现在仍然不知道如何解释好,我的英语不是很好。你在你的项目中更新了angular/route吗?嘿,santosh,我不能使用来自“@angular/router”的导入{RouterModule};在ionic 2上,错误显示[ts]找不到模块@angular/route更新您的angular/route包请查看以上链接
imports: [
 APP_ROUTES_PROVIDER,
 IonicModule.forRoot(MyApp)
],