我的路线中有错误我不知道为什么它不适用于此页面。 所以,我有一个应用程序网站,我在我的应用程序中添加了一个模板:两个组件(template-un和template-deux)。 之后我在appcomponent中添加了他们的选择器:
<div class="page">
<app-template-un></app-template-un>
<app-template-deux></app-template-deux>
</div>
所以,现在我想添加身份验证页面,我创建一个新组件,编写必要的代码html和typescript。 之后我将appcomponent更改为:
<app-login></app-login>
当我运行我的应用程序时,我得到了登录页面,问题出在这里,当我输入登录名和密码并验证时。当我验证它时,将我重定向到网址中的仪表板页面,但它仍然是登录的同一页面 这是我的登录组件:
onSubmit() {
console.log(`username: ${this.username} password: ${this.password}`)
if(this.username == 'admin' && this.password == 'admin'){
this.router.navigate(['dashboard']);
}
}
有任何想法可以帮助我
答案 0 :(得分:1)
应为this.router.navigate(['/dashboard'])
。
或者您可以使用this.router.navigateByUrl('/dashboard')
答案 1 :(得分:0)
select add_months(to_date(substr(col, 1, 4) || '0101'),
to_number(replace(substr(col, -2), 'm', '')) - 1
)
答案 2 :(得分:0)
import { Router } from '@angular/router';
constructor(private router: Router){}
onSubmit() {
console.log(`username: ${this.username} password:
${this.password}`)
if(this.username == 'admin' && this.password == 'admin'){
this.router.navigate(['/dashboard'])
}
答案 3 :(得分:0)
您需要添加
<router-outlet></router-outlet>
在app.component.html
文件中。