AngularJS 与 server 通信

<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{title}}!
  </h1>
</div>
<h2>
  From tomcat {{data._body}}
</h2>

import {Component, OnInit} from '@angular/core';
import {Http} from '@angular/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  data: any;
  title = 'app';
  constructor(private _http: Http) {
  }
  ngOnInit(): void {
    this.data = this._http.get('de/control/test')
      .subscribe(data => {
        this.data = data;
        console.log(this.data._body);
      });
  }
}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import {HttpModule} from '@angular/http';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    HttpModule, // 引入HTTP模块
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

{
"/de" : {
"target" : "http://localhost:8081",
"secure" : false
}
}