Java 从spring boot获取角度json

我从spring boot获取这些数据

{"inprog":[{"type":"op","host":"DESKTOP-CFDEE20:27017","desc":"conn2","connectionId":2,"client":"127.0.0.1:57742","clientMetadata":{"driver":{"name":"mongo-java-driver","version":"3.4.3-dirty"},"os":{"type":"Windows","name":"Windows 10","architecture":"amd64","version":"10.0"},"platform":"Java/Oracle Corporation/11.0.7+8-LTS"},"active":true,"currentOpTime":"2020-12-15T18:45:29.395+05:30","opid":365405,"secs_running":0,"microsecs_running":666,"op":"command","ns":"admin.$cmd.aggregate","command":{"currentOp":true,"$db":"admin"},"numYields":0,"locks":{},"waitingForLock":false,"lockStats":{},"waitingForFlowControl":false,"flowControlStats":{}},{"type":"op","host":"DESKTOP-CFDEE20:27017","desc":"WTJournalFlusher","active":true,"currentOpTime":"2020-12-15T18:45:29.395+05:30","opid":365404,"op":"none","ns":"","command":{},"numYields":0,"locks":{},"waitingForLock":false,"lockStats":{},"waitingForFlowControl":false,"flowControlStats":{}},{"type":"op","host":"DESKTOP-CFDEE20:27017","desc":"WTCheckpointThread","active":true,"currentOpTime":"2020-12-15T18:45:29.395+05:30","opid":365143,"op":"none","ns":"","command":{},"numYields":0,"locks":{},"waitingForLock":false,"lockStats":{},"waitingForFlowControl":false,"flowControlStats":{}}],"ok":1.0}

这是我的组件

import { Component, OnInit } from '@angular/core';
import { DbviewService } from 'src/app/services/dbview.service';

@Component({
  selector: 'app-dbview-details',
  templateUrl: './dbview-details.component.html',
  styleUrls: ['./dbview-details.component.css']
})
export class DbviewDetailsComponent implements OnInit {
 
  dbdetail:any;  
  
  constructor(private dbviewservice:DbviewService ) { }

  ngOnInit() {
    this.retrievedbdetails;
  }

  retrievedbdetails() {
    this.dbviewservice.getAll()
      .subscribe(
        data => {
          this.dbdetail = data;
          console.log(data);
        },
        error => {
          console.log(error);
        });
        console.log(this.dbdetail);
  }


}

{{dbdetail}}
分贝
标题：{{db.active}
说明：
{{db.desc}}

这是我的html

什么也没显示出来 除了导航栏。 console中未显示console.log语句。

---

如何从spring boot api中获取json文件，在代码中不调用

retrievedbdetails

函数。请添加

（）

以执行函数：）

---

this.retrievedbdetails不是对函数的调用，而是函数源。您需要使用此.retrievedbdetails（）调用它。

<div class="row">
    <div class="col-md-6">
      {{dbdetail}}
        <div *ngFor="let dbs of dbdetail;">
        <div *ngFor="let db of dbs;">
        <h4>Db</h4>
        <div>
          <label><strong>Title:</strong></label> {{ db.active }}
        </div>
        <div>
          <label><strong>Description:</strong></label>
          {{ db.desc }}
        </div>
        </div>
       
      </div>
  
      
    </div>
  </div>

ngOnInit() {
    this.retrievedbdetails(); // add () here
  }