重定向路线角度5

时间:2018-05-21 13:16:57

标签: angular angular5 url-redirection router

我的路线中有错误我不知道为什么它不适用于此页面。 所以,我有一个应用程序网站,我在我的应用程序中添加了一个模板:两个组件(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']);
           }
          }

有任何想法可以帮助我

4 个答案:

答案 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文件中。