首页 文章

Aurelia取消订阅Event Aggregator

提问于
浏览 次
14

我正在使用 Aurelia Framework 和 Typescript 并且在 event aggregator 我能够发布和订阅 Channels .

问题是我无法取消订阅 Channels .

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

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

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

sub = ea.subscribe();

//unsubscribe the event
sub();

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

如何取消订阅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 ？

谢谢！

typescript aurelia aurelia-event-aggregator

2 回答

  • 1

    你需要取消订阅deactivate（）/ detach（），据我所知，使用Typescript不会改变它 .

    回复于
  • 22

    10/14/2015 EDIT

    EventAggregator类的 subscribe 函数返回一个“dispose”函数"subscription"对象：

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

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

    在视图模型中，订阅事件的最佳时间是 attached . 同样，取消订阅的最佳时机是 detached .

    以下是 Home 视图模型在使用此模式时的样子（注意：我在事件周围添加了不必要的复杂性，并且很难解释您的问题的解决方案） .

    @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();
  }
}
    回复于

相关问题