Question

我正在Aurelia Framework使用Typescript，event aggregator我可以发布和订阅频道。

问题是我无法取消订阅频道。

注意：所有形式的subscribe方法都返回一个dispose函数。您可以调用此函数来处理订阅并停止接收消息。如果处理由路由器管理，则处理视图模型的去激活回调的好地方，或者如果它是任何其他视图模型，则处于分离回调中。

这取自aurelia official documentation website，我似乎并不了解如何实现这一点。

我继续aurelia gitter channel，我发现了3个关于此问题的讨论，其中一个人给出了以下取消订阅的例子：

sub = ea.subscribe();

//unsubscribe the event
sub();

问题是此代码在TypeScript中不起作用。

如何取消订阅打字稿中的event aggregator？

现在，使用此代码

    @inject(Publisher, Subscriber)
export class Home {
    publisher: Publisher;
    subscriber: Subscriber;
    channelName = "testChannel";

    constructor(pub: Publisher, sub: Subscriber) {
        this.publisher = pub;
        this.subscriber = sub;

        this.subscriber.subscribe(this.channelName);

        this.publisher.publish(this.channelName, "Ana are mere");
    }
}


@inject(EventAggregator)
export class Publisher {
    eventAggregator: EventAggregator = null;

    constructor(agg: EventAggregator) {
        this.eventAggregator = agg;
    }

    publish(channelName: string, object: Object) {
        this.eventAggregator.publish(channelName, object);
    }
}


@inject(EventAggregator)
export class Subscriber {
    eventAggregator: EventAggregator = null;

    constructor(agg: EventAggregator) {
        this.eventAggregator = agg;
    }

    subscribe(channelName: string) {
        this.eventAggregator.subscribe(channelName, object => {
            //TODO do something with received object
            alert(object);
        });
    }
    unsubscribe(channelName: string) {
        debugger;
    }
}

执行Home组件时，订阅方法不会执行一次，而是执行cosntructor的次数。所以，如果我已经在主页上进行了3次，它将被执行3次。

所以：为什么我的订阅者方法多次被触发？如何在TypeScript中取消订阅event-aggregatoor

谢谢！

Answer 1

2015年10月14日编辑

EventAggregator类的subscribe函数返回~~“dispose”函数~~“subscription”对象：

var subscription = eventAggregator.subscribe('some event', value => alert(value));

您需要保留对订阅对象的引用，以便在不再需要时销毁订阅。

在视图模型中，订阅活动的最佳时间是attached。同样，取消订阅的最佳时机是detached。

以下是Home视图模型在使用此模式时的样子（注意：我已经删除了Subscriber和Publisher类，因为我认为它们会在EventAggregator周围添加不必要的复杂性并且正在制作它很难解释你的问题的解决方案。）

@inject(EventAggregator)
export class Home {
  eventAggregator: EventAggregator;
  subscription: { dispose: () => void };

  constructor(eventAggregator: EventAggregator) {
    this.eventAggregator = eventAggregator;
  }

  attached() {
    this.subscription = this.eventAggregator.subscribe('some event', value => alert(value));
  }

  detached() {
    this.subscription.dispose();
  }
}

Answer 2

你需要取消订阅deactivate（）/ detach（），因为我知道使用Typescript并没有改变它。

Aurelia取消订阅Event Aggregator

2 个答案: