在启用routeConfig的情况下在angular2中使用Auth0
我有一个问题,我希望你们中的一些人能回答,因为我在谷歌上找不到解决方案。现在,我正在尝试对我的应用程序实现Auth0身份验证 为了说明这一点,我创建了一个应用程序组件,如下所示:在启用routeConfig的情况下在angular2中使用Auth0,angular,auth0,Angular,Auth0,我有一个问题,我希望你们中的一些人能回答,因为我在谷歌上找不到解决方案。现在,我正在尝试对我的应用程序实现Auth0身份验证 为了说明这一点,我创建了一个应用程序组件,如下所示: @Component({ selector: 'amendment', template: ` <div class="help wrapper"> <div class="row"> <ul class="col
@Component({
selector: 'amendment',
template: `
<div class="help wrapper">
<div class="row">
<ul class="column small-12">
<amendment-account></amendment-account>
</ul>
</div>
</div>
<div class="main-area wrapper">
<div class="row">
<router-outlet></router-outlet>
</div>
</div>
`,
encapsulation: ViewEncapsulation.None,
directives: [ CORE_DIRECTIVES, RouterOutlet, AmendmentAccountComponent, BookingsComponent, MainComponent, RegisterOrLoginComponent ],
styles: [`
agent {
display: block;
}
`]
})
@RouteConfig([
{ path: '/amendment/', name: 'Bookings', component: BookingsComponent, useAsDefault: true },
{ path: '/bookings', name: 'Bookings', component: BookingsComponent },
{ path: '/main/:id', name: 'Main', component: MainComponent },
{ path: '/main', redirectTo: ["Bookings"] },
])
<li><a href="#" *ngIf="!loggedIn()" (click)="login()">Login</a></li>
<li><a href="#" *ngIf="loggedIn()" (click)="logout()">Logout</a></li>
应用程序组件
@Component({
selector: 'app',
template: `
<div>
<div class="header wrapper">
<header class="row">
<div class="column small-12">
<a href="/">
<img src="/assets/img/logo.svg" title="" />
</a>
<a class="navigation-toggle icon-menu hide-for-large-up" (click)="toggleMenuState()" ></a>
</div>
</header>
</div>
<router-outlet></router-outlet>
<div class="footer wrapper">
<footer class="row">
<div class="column small-12">
<div class="container">
<div class="icon icon-ship hide-for-medium-down"></div>
</div>
</div>
</footer>
</div>
</div>
`,
encapsulation: ViewEncapsulation.None,
directives: [ ROUTER_DIRECTIVES, RouterOutlet, AmendmentComponent, AmendmentAccountComponent ]
})
@RouteConfig([
{ path: '/amendment/...', name: 'Amendment', component: AmendmentComponent, useAsDefault: true }
])
@组件({
选择器:“应用程序”,
模板:`
我想做的是在localhost:3000/amendment/login Url上加载Auth0框。这对我不起作用,因为当我单击login Href链接时,由于RouterConfig:(
所以我的问题是它没有停止并加载Auth0登录框。我可以看到它一瞬间,然后它重定向我
有什么解决办法吗
请注意,如果我删除了所有routerConfig路径,那么就不会发生重定向,但这对我来说不是一个解决方案。我想
(click)="login(); false"
这就是你要找的。我想
(click)="login(); false"
这就是你要找的。Wow..这是一个简单的解决方案..你能解释一下它的作用吗?(我想停止重定向)??它禁用
的默认行为,使它只执行login()
。如果事件处理程序返回false,角度调用事件。preventDefault()
关于事件。哇..这是一个简单的解决方案..你能解释一下它的作用吗?(我想停止重定向)??它禁用
的默认行为,使其仅执行登录()
。如果事件处理程序返回false,则对事件调用事件.preventDefault();
。