相关疑难解决方法(0)

我正在学习全栈Angular4,并且想知道如何从一个组件到另一个组件的get调用中获取数据,这样我就可以使用{{data.name}}将数据中继到html页面？

我尝试将组件导入到另一个组件中,然后将一个空对象设置到保存数据的component.data中,但我得到一个空对象作为响应.

我究竟做错了什么？

更新:

我的共享服务:

import {Injectable} from "@angular/core";
import {Http, Response, Headers, RequestOptions} from "@angular/http";
import {Observable} from "rxjs/Rx";
import 'rxjs/add/operator/map';

@Injectable()
export class DataService {
    apiData: any;
    constructor(private http: Http) {}

    fetchData() {
        return this.http.get('/api/data').subscribe((data) => {
            this.apiData = data.json();
            console.log(this.apiData);
        })
    }
}

目标组件:

import { Component } from "@angular/core";
import { AllTablesComponent } from '../tables/alltables.component';
import { DataService } from './../data.service';


@Component({
    selector: 'app-target',
    templateUrl: './target.component.html',
    styleUrls: ['./target.component.css']
})
export class TargetComponent {
    data: any;

    constructor(private …