Javascript 历史前进/后退按钮不存在';不能使用角2路由器
历史(按下状态)前进/后退按钮不适用于angular 2路由器。我已经在Chrome和Firefox上测试过了。“前进”按钮从不工作,“后退”按钮只工作2步,用户界面不会根据“后退”按钮做出响应 我有以下代码 应用程序组件.tsJavascript 历史前进/后退按钮不存在';不能使用角2路由器,javascript,typescript,angular,angular2-routing,Javascript,Typescript,Angular,Angular2 Routing,历史(按下状态)前进/后退按钮不适用于angular 2路由器。我已经在Chrome和Firefox上测试过了。“前进”按钮从不工作,“后退”按钮只工作2步,用户界面不会根据“后退”按钮做出响应 我有以下代码 应用程序组件.ts import { Component } from '@angular/core'; import { ROUTER_DIRECTIVES, Routes } from '@angular/router'; import { CrisisListComponent }
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { CrisisListComponent } from './crisis-list.component';
import { HeroListComponent } from './hero-list.component';
import { Login } from './login';
@Component({
selector: 'my-app',
template: `
<h1>Component Router</h1>
<nav>
<a [routerLink]="['/home']">Crisis Center</a>
<a [routerLink]="['/login']">Login</a>
<a [routerLink]="['/heroes']">Heroes</a>
</nav>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path: '/home', component: CrisisListComponent},
{path: '/heroes', component: HeroListComponent},
{path : '/login' , component:Login},
{path: '*', component: CrisisListComponent}
])
export class AppComponent { }
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { LoginMobile } from './login/login_mobile';
import { LoginEmail } from './login/login_email';
@Component({
template: `
<h2>{{val}}</h2>
<p>Login here</p>\n\
<a [routerLink]="['/login/mobile']">Mobile</a>
<a [routerLink]="['/login/email']">Email</a>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path : '/mobile' , component:LoginMobile},
{path : '/email' , component:LoginEmail}
])
export class Login {
val = "kwik.Social";
}
import { Component } from '@angular/core';
@Component({
template: `
<p>Login here</p>
<input type="email" placeholder="Email" [(ngModel)]="email" />\n\
<p>Your Email is {{email}} </p>
`
})
export class LoginEmail {
email = "kwik.Social";
}
从'@angular/core'导入{Component};
从“@angular/ROUTER”导入{ROUTER_指令,Routes}”;
从“./crisislist.component”导入{CrisisListComponent};
从“./hero list.component”导入{HeroListComponent};
从“/Login”导入{Login};
@组成部分({
选择器:“我的应用程序”,
模板:`
组件路由器
危机中心
登录
英雄
`,
指令:[路由器指令]
})
@路线([
{路径:'/home',组件:CrisListComponent},
{path:'/heromes',component:HeroListComponent},
{路径:'/login',组件:login},
{路径:'*',组件:CrisisListComponent}
])
导出类AppComponent{}
login.ts
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { CrisisListComponent } from './crisis-list.component';
import { HeroListComponent } from './hero-list.component';
import { Login } from './login';
@Component({
selector: 'my-app',
template: `
<h1>Component Router</h1>
<nav>
<a [routerLink]="['/home']">Crisis Center</a>
<a [routerLink]="['/login']">Login</a>
<a [routerLink]="['/heroes']">Heroes</a>
</nav>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path: '/home', component: CrisisListComponent},
{path: '/heroes', component: HeroListComponent},
{path : '/login' , component:Login},
{path: '*', component: CrisisListComponent}
])
export class AppComponent { }
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { LoginMobile } from './login/login_mobile';
import { LoginEmail } from './login/login_email';
@Component({
template: `
<h2>{{val}}</h2>
<p>Login here</p>\n\
<a [routerLink]="['/login/mobile']">Mobile</a>
<a [routerLink]="['/login/email']">Email</a>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path : '/mobile' , component:LoginMobile},
{path : '/email' , component:LoginEmail}
])
export class Login {
val = "kwik.Social";
}
import { Component } from '@angular/core';
@Component({
template: `
<p>Login here</p>
<input type="email" placeholder="Email" [(ngModel)]="email" />\n\
<p>Your Email is {{email}} </p>
`
})
export class LoginEmail {
email = "kwik.Social";
}
从'@angular/core'导入{Component};
从“@angular/ROUTER”导入{ROUTER_指令,Routes}”;
从“./login/login_mobile”导入{LoginMobile};
从“./login/login_email”导入{LoginEmail};
@组成部分({
模板:`
{{val}}
在此处登录\n\
可移动的
电子邮件
`,
指令:[路由器指令]
})
@路线([
{路径:'/mobile',组件:LoginMobile},
{路径:'/email',组件:LoginEmail}
])
导出类登录{
val=“kwik.Social”;
}
登录/login\u email.ts
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { CrisisListComponent } from './crisis-list.component';
import { HeroListComponent } from './hero-list.component';
import { Login } from './login';
@Component({
selector: 'my-app',
template: `
<h1>Component Router</h1>
<nav>
<a [routerLink]="['/home']">Crisis Center</a>
<a [routerLink]="['/login']">Login</a>
<a [routerLink]="['/heroes']">Heroes</a>
</nav>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path: '/home', component: CrisisListComponent},
{path: '/heroes', component: HeroListComponent},
{path : '/login' , component:Login},
{path: '*', component: CrisisListComponent}
])
export class AppComponent { }
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { LoginMobile } from './login/login_mobile';
import { LoginEmail } from './login/login_email';
@Component({
template: `
<h2>{{val}}</h2>
<p>Login here</p>\n\
<a [routerLink]="['/login/mobile']">Mobile</a>
<a [routerLink]="['/login/email']">Email</a>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@Routes([
{path : '/mobile' , component:LoginMobile},
{path : '/email' , component:LoginEmail}
])
export class Login {
val = "kwik.Social";
}
import { Component } from '@angular/core';
@Component({
template: `
<p>Login here</p>
<input type="email" placeholder="Email" [(ngModel)]="email" />\n\
<p>Your Email is {{email}} </p>
`
})
export class LoginEmail {
email = "kwik.Social";
}
从'@angular/core'导入{Component};
@组成部分({
模板:`
在这里登录
\n\
你的电子邮件是{{Email}
`
})
导出类LoginEmail{
email=“kwik.Social”;
}
等了很长时间后,我试了一下。它还有许多其他特性,如保护、多组件、子组件和完整历史Api支持。我唯一缺少的一件事是,历史Api本身并没有提供一种方法来获取用户在文本字段和滚动位置上输入的值,如果可以的话,Ajax页面可能会变得更加流畅和一致
编辑
NGRX路由器现已弃用,其灵感来源于NGRX路由器,并按预期工作。GitHub上的某个地方存在一个公开问题。我就是找不到自动取款机。是的,完全相同的问题列在那里谢谢????????