Angular 7 NgComponentOutlet: проблемы с впрыском - PullRequest
0 голосов
/ 07 ноября 2019

Извините, если это дубликат чьего-то вопроса. Однако я не смог найти решение для моей проблемы.

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

Что я делаю не так?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...