Question

我是Angular-6的初学者，我创建了项目，然后在def subtraction #find the first item with id supplied item = Item.where(id: params[:id]).first #after subtraction value val = item.value - 1 #update the value final = item.update(value: val) end页和Create Account中遇到了一个小问题，其中显示了应用程序页眉和应用程序页脚。但我不想在应用程序页眉和应用程序页脚上显示该页面，我想知道如何正确显示在Sign in page上。

那是我的代码部分

app-routes.ts

apirequest page

app.component.html

export const Approutes: Routes = [
      {path: '', redirectTo: '/signup', pathMatch: 'full'},
      {path: 'home', component: HomeComponent},
      {path: 'signup', component: SignupComponent},
      {path: 'signin', component: SigninComponent},
      {path: 'forgotpassword', component: ForgotpasswordComponent},
      {path: 'apirequest', component: ApirequestComponent},
];

谢谢

Answer 1

我建议您创建两个不同的组件，并为您的项目查看Angular Guard。这将帮助您确保登录应用程序后，您的用户将无法返回“ / login”。

看起来像

App/
|
|– login/
|– home/

在您的警惕下，逻辑将类似于

canActivate() {
 if (user) {
  return true;
 } else router.navigateByURL('login');
}

这样，您可以分隔应用程序的生命周期，仅在希望它们的位置使用页脚和页眉:)

Angular-6无法在“登录”页面和“注册”页面中隐藏应用程序页眉和页脚

1 个答案: