angular6 - 刷新如何在angular6中保持相同的路线?
问题描述
在我的代码中存在两个组件。1) 应用程序组件 2) 登录组件登录后它会转到另一个页面。但是在刷新时它会进入登录页面。请解决这个问题。我正在使用 angular6。请提供如何解决这个问题的代码。
app.module.ts
--------------------------------
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PloginComponent } from './plogin/plogin.component';
import { AfterploginComponent } from './afterplogin/afterplogin.component';
import { RouterModule } from '@angular/router';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [
AppComponent,
PloginComponent,
AfterploginComponent
],
imports: [
BrowserModule,
AppRoutingModule,
ReactiveFormsModule,
HttpClientModule,
RouterModule.forRoot([
{
path : 'after-login',
component : AfterploginComponent
},
{
path : 'before-login',
component : PloginComponent
}
])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
-------------------------------------------------
import { Component ,OnInit} from '@angular/core';
import { Router} from '@angular/router';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
title = 'login';
constructor(private router :Router){
}
ngOnInit(){
this.router.navigateByUrl('before-login');
}
}
我是 angular6.on 的初学者,我不知道如何保持在同一页面上。请告诉我轻松解决问题的不同方法。
解决方案
推荐阅读
- python - 无法访问numpy数组的索引
- html - 如何使列的宽度相同并在宽度和高度上填充整个空间?
- database - delphi如何输出某一列下的所有行?
- unix - 使用 SqlLoader 加载数据 不要使用自动扩展表空间
- haskell - 在 Monad 实例定义中无法将类型“a”与“b”错误匹配
- python - 多处理挂起问题
- ios - xcode 上的 Flutter audioplayers 插件错误(未找到模块“audioplayers”)
- python - 有没有办法每 x 秒有效地查询一次 SQL 数据库
- c# - 在 asp.net core 2.2 中找不到类型或命名空间名称“Worker”(您是否缺少 using 指令或程序集引用?)?
- java - 使用 Selenium Java 测试用例调用 CLICK 时获取“org.openqa.selenium.ElementClickInterceptedException”