Angular2，EventEmitter 上的订阅属性不存在？

Question

我的app.component包含网站的<nav> ，它使用[routerLink]转到不同的页面。 它导入每个页面的组件。 其中一个页面是登录页面。 如果用户未登录，我希望导航显示登录 - 如果用户登录，则注销。

在app.component ：

my_userO : userO = undefined;

constructor (private my_userS:userS){
    my_userS.userChanged.suscribe(temp => this.updateNav());

updateNav(){ 
    this.my_userO = this.my_userS.getUser(); 
}

logOut(){
    this.my_userS.setUser(undefined);
}

并在其模板中：

<li><a *ngIf="!my_userO" [routerLink]="['LoginPage']">Login</a></li>
<li><a *ngIf="my_userO" [routerLink]="['HomePage']"(click)="logOut()">Logout</a></li>

userS是一个全局服务（它是在main.ts引导的，而不是在我使用它的任何组件中添加为提供者）我看起来像这样：

public userChanged: EventEmitter<{}>
currentUser : userO = undefined;

constructor(private http:Http){
    this.userChanged = new EventEmitter();
}

getLogin(username: string, password: string): Promise<userO>{
    return this.http.get(this.getLoginUrl+username).toPromise().then(response => response.json().data).catch(this.handleError);
}

getUser(){
    return this.currentUser;
}

setUser(x_userO: userO){
    this.currentUser = x_userO;
    this.userChanged.emit(undefined);
}

在登录页面中，我只运行getLogin然后setUser与前者返回的内容。

我的问题是我收到错误“类型 EventEmitter<{}> 上不存在属性订阅”。

Answer 1

使用 vscode，自动完成添加了这一行：

从'事件'导入{EventEmitter}；

我不得不将其更改为以下内容以解决此问题。：

从' @angular/core '导入{EventEmitter}；

Answer 2

这是一个错字

使用subscribe ，而不是suscribe

我没有足够的声誉来回答下面的 Colum，但这完全不正确。

1. emit()返回无效

2. EventEmitter扩展（继承） Subject ，它是一个 observable 和一个观察者。

    export declare class EventEmitter<T> extends Subject<T>

EventEmitter是一个经过一些修改的 rxjs Subject，最值得注意的是它不使用 next() 向流中发送值，而是使用 emit()。 它还允许设置异步逻辑，其中发射将是异步的。

Answer 3

检查 EventEmitter 的导入

它应该是import { EventEmitter } from '@angular/core';

Answer 4

它没有 subscribe 方法，因为它不返回 observable。

然而EventEmitter的emit()方法确实返回一个可观察对象，因此您需要创建一个连接到所发出事件的输入。 然后你可以订阅这个。

看看这个： http : //www.syntaxsuccess.com/viewarticle/unit-testing-eventemitter-in-angular-2.0