Angular 6-http.get未启动

Question

我对PrimeNG进行了培训，并创建了一个从json文件中获取数据的服务。https://www.primefaces.org/primeng/#/treetable

ngOnInit() {
  this.nodeService.getFileSystem().then(files => this.files = files);
}

private filesystemUrl = 'http://localhost:4200/assets/data/filesystem.json';  

constructor(private http: HttpClient) { }

getFileSystem() {
  return this.http.get(this.filesystemUrl)
  .toPromise()
  .then(res => <TreeNode[]> res);
}

"assets": [
  "src/favicon.ico",
  "src/assets",
  "src/assets/data"
]

主要奇怪的是，在浏览器的network选项卡中，我没有看到任何试图访问这个json文件的get调用：

localhost   304 document    vendor.js:100488    210 B   304 ms  
runtime.js  304 script  (index) 211 B   4 ms    
polyfills.js    304 script  (index) 212 B   6 ms    
styles.js   304 script  (index) 212 B   7 ms    
vendor.js   304 script  (index) 213 B   17 ms   
main.js 304 script  (index) 212 B   17 ms   
info?t=1539698839604    200 xhr zone.js:2969    367 B   2 ms    
websocket   101 websocket   sockjs.js:1683  0 B Pending 

我尝试了其他方法来编写我的方法，就像IDE中的这个方法：

getFileSystem() {
  return this.http.get(this.filesystemUrl)
  .pipe(map((response: Response) => {
    console.log(response.json());
    return response.json();
  }))
  .subscribe();
}

但是，在调用服务的组件方法中，我没有找到更改“then（）”的方法，因为:[ts]属性“then”在类型“subscription”上不存在。

getFileSystem() {
  return this.http.get<TreeNode[]>(this.filesystemUrl);
}

如果有人能帮忙？多谢！

Answer 1

按以下方式创建服务：

    private filesystemUrl = 'http://localhost:4200/assets/data/filesystem.json';  

constructor(private http: HttpClient) { }

getFileSystem(): Observable<TreeNode[]> {
  return this.http.get<TreeNode[]>(this.filesystemUrl);

}

您将返回一个可观察的，并且必须在组件中订阅它：

private treeNode: TreeNode[];
ngOnInit() {
  this.nodeService.getFileSystem().subscribe(data => {
     this.treeNode=data;
     console.log(data);
  });
}