angular rxjs

...占位

component ts

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

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable, of } from 'rxjs';

@Component({
  selector: 'app-cust',
  templateUrl: 'customers.component.html'})
export class CustomersComponent implements OnInit {
  courses: Observable<any>;
  configUrl = 'http://localhost:9800/ping';
  constructor(private http: HttpClient) {}
  listData: {datakey: {id: string, name: string}[]};
  ngOnInit(): any {

    this.getRes();
  }

  getRes(): any {
    this.http.get(this.configUrl).subscribe((res: any) => {
      this.listData = res.datakey;
      console.log("listData===>", this.listData.datakey);
    });
  }
}

html

<p>customers works!</p>

<ul>
  <li *ngFor="let x of listData">{{x.id}} {{x.name}}</li>

</ul>
<button (click)="getRes()">打印console</button>

server:

 

 server 

https://www.cnblogs.com/eiguleo/p/14586927.html