在Angular中存储和显示Web推送消息的解决方法可以通过以下步骤实现：

1. 创建一个名为MessageService的Angular服务，用于存储和管理消息数据。

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class MessageService {
  messages: string[] = [];

  add(message: string) {
    this.messages.push(message);
  }

  clear() {
    this.messages = [];
  }
}

2. 在需要显示消息的组件中，注入MessageService并使用它来存储和获取消息数据。

import { Component } from '@angular/core';
import { MessageService } from './message.service';

@Component({
  selector: 'app-message',
  template: `
    
{{message}}
    Clear Messages
  `
})
export class MessageComponent {
  messages: string[];

  constructor(private messageService: MessageService) {
    this.messages = messageService.messages;
  }

  clearMessages() {
    this.messageService.clear();
  }
}

3. 使用WebSocket或其他推送技术从服务器接收和处理消息，并通过调用MessageService的add方法将消息添加到消息列表中。

import { Component } from '@angular/core';
import { MessageService } from './message.service';

@Component({
  selector: 'app-root',
  template: `
    Start Receiving Messages
    
  `
})
export class AppComponent {
  constructor(private messageService: MessageService) {}

  startReceivingMessages() {
    // 通过WebSocket或其他推送技术从服务器接收消息
    const socket = new WebSocket('ws://localhost:8080/messages');
    socket.onmessage = (event) => {
      this.messageService.add(event.data);
    };
  }
}

在上面的示例中，我们创建了一个MessageService，用于存储和管理消息数据。然后，我们在MessageComponent中使用MessageService来显示消息列表，并提供一个清除消息的按钮。最后，在AppComponent中，我们通过WebSocket从服务器接收消息，并将它们添加到MessageService中。

请注意，这只是一个简单的示例，你可能需要根据你的具体需求进行适当的调整和修改。