Во-первых: да, я заранее погуглил это, и решение, которое мне пришло, не работает.
Контекст
У меня есть компонент Angular 2, который вызывает службу и должен выполнить некоторые манипуляции с данными после получения ответа:
ngOnInit () {
myService.getData()
.then((data) => {
this.myData = /* manipulate data */ ;
})
.catch(console.error);
}
В его шаблоне эти данные передаются дочернему компоненту:
<child-component [myData]="myData"></child-component>
Это вызывает ошибку, что дочерний элемент получает myData
как неопределенное. Результат Google, опубликованный выше, говорит об использовании Resolver
, но это не работает для меня.
Когда я создаю новый преобразователь:
import { Injectable } from '@angular/core';
import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
import { Observable } from 'rxjs/Rx';
import { MyService } from './my.service';
@Injectable()
export class MyResolver implements Resolve<any> {
constructor(private myService: MyService) {}
resolve (route: ActivatedRouteSnapshot): Observable<any> {
return Observable.from(this.myService.getData());
}
}
app.routing.ts
const appRoutes: Routes = [
{
path: 'my-component',
component: MyComponent,
resolve: {
myData: MyDataResolver
}
}
];
export const routing = RouterModule.forRoot(appRoutes);
Я получаю сообщение об ошибке, что нет провайдера для MyDataResolver
. Это все еще имеет место, когда я добавляю MyDataResolver
к свойству providers
в app.component.ts:
@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html',
providers: [
MyService,
MyResolver
]
})
Изменился ли интерфейс для использования этого?
MyResolver
илиMyDataResolver
. Код в вашем вопросе кажется противоречивым. - person Günter Zöchbauer   schedule 07.09.2016