javascript - Angular 2 使用 router.navigate 重定向

标签 javascript angularjs angular

我是 Angular 2 的新手,正在尝试创建一个我管理得很好的登录应用程序,但是在检查用户/密码然后重定向到仪表板后,它会重新加载应用程序。有没有办法使用 router.navigate 不刷新页面?

编辑:它首先重定向到仪表板,然后重新加载页面,然后再次重定向回仪表板。

import { Component } from '@angular/core';
import { Router, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'login',
    templateUrl: './app/login/views/login.html',
})

export class LoginComponent {
    constructor(public router: Router) {}
    data = {
        username: "",
        password: "",
    };
    loginAction (){
        if(this.data.username=="user1" && this.data.password=="pass1"){
            console.log('do redirect to dashboard');
            this.router.navigate(['dashboard']);
        } else {
            console.log('Something is wrong with your user/password.');
        }
    }
}

最佳答案

this.router.navigate(['/dashboard']);

关于javascript - Angular 2 使用 router.navigate 重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38241867/

相关文章:

javascript - 多个 div - 水平滑出内容

javascript - 如何在angular js中实现徽章

javascript - 更改 HTML <h1> 文本不起作用?我正确链接了 app.js 吗?

php - 在 xmlhttprequest 加载的页面中运行 javascript

javascript - Angular2 - 类属性上的双向数据绑定(bind)

AngularJS 未正确显示信息

Angular2 为什么 --base-href 构建选项不起作用

node.js - 从 mongodb 检索图像并使用 angular7 显示它

Angular 2 - 在服务中设置超时

javascript - 如何使用 jQuery 检索名称列表属性 (html) 中的数据?