Angular 5 - 类型 'subscribe' 上不存在属性 '() => Observable'

Question

我正在编写一个简单的 Angular 实验，但出现以下错误... Property 'subscribe' does not exist on type '() => Observable<any>'我正在尝试通过服务将数据文件中的静态 json 数据加载到组件中。我不确定为什么会这样，因为我以前做过很多次，这是我的 Angular 服务...

@Injectable({
    providedIn: 'root'
})
export class DashboardService {

    constructor(private http: HttpClient) {
   }

    public getDashboardData(): Observable<any> {
        return this.http.get('../../data/dashboard-data.json');
    }
}

这里没有什么奇怪的......现在让我们看看我的组件

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {

  constructor(private dashboardService: DashboardService) { }

  ngOnInit() {
    this.dashboardService.getDashboardData.subscribe((result) => {
      console.log(result);
    });
  }
}

我看不出有什么问题？我以前做过很多次。静态文件中的 JSON 有效且经过检查。我一定是遗漏了一些非常简单的东西，但我不明白或看不出我做错了什么。任何建议表示赞赏。

Answer 1

getDashboardData() 是函数而不是变量，您需要将其更改为，

   this.dashboardService.getDashboardData().subscribe((result) => {
          console.log(result);
    });