如何为不同的视图动态过滤Angular observable？

Question

我有一个消息服务，它返回各种类型的消息，包括一些标记为在页面加载时显示的消息。消息在我的服务中设置为可观察的：

this.http.get(this.messagesUrl, { withCredentials: true })
    .map(response => response.json())
    .subscribe(data => {
        this.messageStore.messages = data;
        this._messages.next(Object.assign({}, this.messageStore).messages);
    }, error => {
        console.log('Could not retrieve messages.');
    });

假设我想抓住具有{{​​1}}属性的消息进行显示，然后我想显示某种类型的消息（维护，营销等）。如何在组件中或通过服务方法按需过滤可观察量？

可能值得一提的是，我在应用程序级别注入了服务，因为我的视图位于子组件对话框中。

更新：我正在考虑在服务电话上传递过滤器对象：

onload