类型“Object”上不存在属性“”。可观测订阅

Question

我刚刚开始使用Angular2，我有一个我不能真正理解的问题。

我创建了一些模拟数据：

export const WORKFLOW_DATA: Object =
{
    "testDataArray" : [
        { key: "1",              name: "Don Meow",   source: "cat1.png" },
        { key: "2", parent: "1", name: "Roquefort",    source: "cat2.png" },
        { key: "3", parent: "1", name: "Toulouse",   source: "cat3.png" },
        { key: "4", parent: "3", name: "Peppo", source: "cat4.png" },
        { key: "5", parent: "3", name: "Alonzo",     source: "cat5.png" },
        { key: "6", parent: "2", name: "Berlioz", source: "cat6.png" }
    ]
};

然后将其导入服务并“观察”

import { Injectable } from '@angular/core';

import { WORKFLOW_DATA } from './../mock-data/workflow'
import {Observable} from "rxjs";

@Injectable()
export class ApiService {

  constructor() { }

  getWorkflowForEditor(): Observable<Object>
  {
      return Observable.of( WORKFLOW_DATA );
  }

}

然后我有一个组件，在构造函数中：

constructor( private apiService: ApiService)
    {
        this.apiService.getWorkflowForEditor().subscribe( WORKFLOW_DATA => {
            console.log( WORKFLOW_DATA);
            console.log( WORKFLOW_DATA.testDataArray );
        } );
    }

第一个控制台。日志记录包含testDataArray属性的Object类型的对象。

第二个控制台。日志，在编译时导致错误：

Property 'testDataArray' does not exist on type 'Object'.

同时仍按预期记录对象[Object， Object，...]的数组。

我真的不明白为什么，我肯定我做错了什么，我想要一个解释。

谢谢你的帮助！

Answer 1

返回类型，如果您的方法是可观察的

>

键入不同的数据和返回类型

WORKFLOW_DATA: { testDataArray: any } = []

getWorkflowForEditor(): Observable<{ testDataArray: any }>

或者只需将响应数据键入assert toany

console.log( (<any>WORKFLOW_DATA).testDataArray );

Answer 2

当你告诉tyescript：

WORKFLOW\u数据：对象

你告诉它WORKFLOW_DATA是一个没有属性的普通对象。当您稍后尝试访问WORKFLOW_DATA. testDataArray时，编译器认为您误用了类型。

如果要对工作流\u数据进行类型检查，则需要创建一个描述对象的界面。

Answer 3

Typescript希望工作流\u数据为对象此处：

.subscribe( WORKFLOW_DATA => {} )

因为你是这么说的：

  getWorkflowForEditor(): Observable<Object>

但是Object没有testDataArray属性。。。您应该告诉TypeScript数据可以有任何属性：

  getWorkflowForEditor(): Observable<any>

或者使用

console.log( WORKFLOW_DATA["testDataArray"] );