angular - 重定向失败
问题描述
我尝试使用角度和应用程序路由来实现登录页面,但没有完成重定向,它传递了 url 但 html 代码保持不变。这是应用程序路由模块的解码代码:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ChooseCatalogueComponent } from './choose-catalogue/choose-
catalogue.component';
import { LoginComponent } from './login/login.component';
const routes: Routes = [
{ path: 'choose-catalogue', component: ChooseCatalogueComponent },
{ path: 'login', component: LoginComponent },
{ path: '', component: LoginComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
login.component.ts:
import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
username: string;
password: string;
constructor(private router: Router) { }
ngOnInit() {
}
login() : void {
if(this.username =='admin' && this.password == 'admin'){
this.router.navigate(["choose-catalogue"]);
}
else {
this.router.navigate(["/login"]);
}
}
}
当我将登录名和密码输入为“admin/admin”时,页面的 URL 更改为http://localhost:4200/choose-catalogue,但 html 仍然是登录页面的 URL
解决方案
/
只需取出router.navigate
this.router.navigate(["login"]);
推荐阅读
- android - Android数据绑定在自定义视图中注入ViewModel
- java - Android FFMPEG - 低 FPS 和文件大小很大
- ruby-on-rails - solidus_searchkick - 未定义的方法“deep_symbolize_keys”
- python - 我美丽的汤刮刀没有按预期工作
- php - PHP sqlsrv_connect 错误
- java - 如何在具有多个文件夹的文件夹中打开和显示多个文件的内容?
- java - spring-data-2.0.6 java.lang.IllegalArgumentException:找不到类型类 HibernateProxy 的 PersistentEntity
- linux - Fabric Docker 映像版本 1.1.0-alpha 与此较新版本的 BYFN 不匹配,不受支持
- vba - 将 Excel 表格粘贴到 Word 内容控件中
- android - 更新到 couchbase lite 2.0.0 导致无法解决符号错误