Я хочу создать компонент, подобный элементу управления всплывающей подсказкой.Проблема в том, что он работает только для простого текста, но когда я хочу передать немного более сложный ng-шаблон (например, привязки и т. Д.), Он ломается.В общем, я создал хост-компонент, где будет показан переданный шаблон и директива, которая создает компонент.Но кажется, что переданный контекст не виден для переданного шаблона.
Директива:
@HostListener("mouseenter")
enter() {
const factory = this.resolver.resolveComponentFactory(CustomContainerComponent);
const injector = Injector.create([]);
this.vcr.createComponent<CustomContainerComponent>(factory, 0, injector, this.generate());
}
generate(): any[][] {
const context = { // this is mocked for now
name:"John"
};
const viewRef = this.customControl.createEmbeddedView(context);
return [viewRef.rootNodes];
}
Вот стеклиц с простым примером случая: https://stackblitz.com/edit/angular-mzhccs