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});
    }
}

Что я делаю неправильно?

0 ответов

Другие вопросы по тегам