Angular 7 NgComponentOutlet: проблемы с инъекцией
Извините, если это дубликат чьего-то вопроса. Однако я не смог найти решение своей проблемы.
Angular 7. Мне нужно ввести мою переменную как @Input
в ng-контейнер через ngComponentOutlet
. Как говорится в документах, есть возможность сделать это черезInjector
. И это нормально, если это простоstring
или number
. Но у меня есть немного сложная вещь: что, если я хочу иметь более сложную логику при внедрении класса: например, привязатьObservable<SomeModel>
что я хочу получить в магазине ngrx? Или подписаться на это?
Здесь у меня следующая проблема: Cannot read property 'select' of undefined
.
@Injectable()
export class Greeter {
suffix$;
constructor(private store: Store<fromStore.State>) {
this.suffix$ = this.store.select(fromStore.getSuffix);
}
}
@Component({
selector: 'complete-component',
template: `Complete: {{ greeter.suffix$ | async }}`
})
export class CompleteComponent {
constructor(public greeter: Greeter) {
this.greeter.suffix$.subscribe(data => console.log('data', data));
// not working
}
}
@Component({
selector: 'ng-component-outlet-complete-example',
template: `
<ng-container *ngComponentOutlet="CompleteComponent;
injector: myInjector;"
})
export class NgTemplateOutletCompleteExample {
CompleteComponent = CompleteComponent;
myInjector: Injector;
constructor(injector: Injector) {
this.myInjector =
Injector.create({providers: [{provide: Greeter, deps: []}], parent: injector});
}
}
Что я делаю неправильно?