Я только что начал с 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 );
} );
}
Первый console.log регистрирует объект типа Object, который содержит свойство testDataArray.
Вторая консоль .log приводит к ошибке во время компиляции:
Property 'testDataArray' does not exist on type 'Object'.
Пока все еще регистрируется массив объектов [Object, Object,..], как предполагалось.
Я действительно не понимаю, почему, я уверен, что я делаю что-то неправильно, я бы хотел объяснить.
Спасибо за помощь!