Javascript 在ionic2上推送页面时获取写入页面url
我对ionic2和angular2都是新手,我想问一下这个方法对不对? 我有一个数组,其中包含一些菜单和页面属性示例,如下所示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
{
"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)
],