带ng2-stompjs配置的Angular 7

npm install -g @angular/cli

ng new my-app

cd my-app
npm install ng2-stompjs --save

import { StompConfig, StompService } from 'ng2-stompjs';

const stompConfig: StompConfig = {
  url: 'your-stomp-server-url',
  headers: {
    login: 'your-username',
    passcode: 'your-password'
  },
  heartbeat_in: 0,
  heartbeat_out: 20000,
  reconnect_delay: 5000,
  debug: true
};

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [
    StompService,
    {
      provide: StompConfig,
      useValue: stompConfig
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component, OnInit } from '@angular/core';
import { StompService } from 'ng2-stompjs';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <button (click)="sendMessage()">Send Message</button>
    </div>
  `
})
export class AppComponent implements OnInit {
  constructor(private stompService: StompService) { }

  ngOnInit() {
    this.stompService.connect();
  }

  sendMessage() {
    this.stompService.publish('/topic/my-topic', 'Hello, World!');
  }
}