javascript - 在AngularJS 2中未定义this.router

这是我注册用户并重定向到主页的方法：

onSubmit(){
    this.userService.createUser(this.user).subscribe(function (response) {
            alert('Successfully registered');
            localStorage.setItem('token', response['token']);
            this.router.navigate(['Home']);
        }, function (err) {
            console.log(err);
        }
    );
}

在它上面，我有这个构造函数：

constructor(private router: Router, private userService: UserService){}

我将ROUTER_PROVIDERS添加到主要组件中：

providers: [
    ROUTER_PROVIDERS,
    HTTP_PROVIDERS
]

当我尝试注册用户时，出现此错误：

TypeError: Cannot read property 'navigate' of undefined

我究竟做错了什么？

最佳答案

您需要在代码中使用箭头功能，才能使用“上下文此”（对应于您的组件实例）：

onSubmit(){
  this.userService.createUser(this.user).subscribe((response) => { // <---
        alert('Successfully registered');
        localStorage.setItem('token', response['token']);
        this.router.navigate(['Home']);
    }, (err) => { // <---
        console.log(err);
    }
  );
}

关于javascript - 在AngularJS 2中未定义this.router，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37279127/