Динамически загружать компонент в динамическое положение - PullRequest
Новая
       19

Динамически загружать компонент в динамическое положение

1 голос
/ 07 мая 2019

ОБНОВЛЕНО (как я понял проблему лучше):

Я хотел бы показать компонент в зависимости от того, где пользователь щелкает (какая строка таблицы), я использую ng2-smart-table, теперь проблема в том, что нет переключателя, куда мне нужно загружать компонент динамически.В моем случае это родительский элемент кнопки, который является строкой.

В каждой строке есть кнопка открытия 

onOpen(event) {
 var selectedRow = event.target.closest(".ng2-smart-row");
 const newRow = document.createElement('tr');
    newRow.innerHTML = `
    <div #here></div>
  `;
selectedRow.insertAdjacentHTML('afterend', newRow.innerHTML);
}

Теперь, когда открытие работает, ViewChild не может его найтиcreateCompoenent 

@ViewChild('entry', {read: ViewContainerRef}) entry:ViewContainerRef;


const openerFactory = this.componentFactoryResolver.resolveComponentFactory(OpenActivityComponent);
const component = this.here.createComponent(openerFactory);

Я думаю, вопрос в том, могу ли я установить @ViewChild динамически?

1 Ответ

0 голосов
/ 10 мая 2019

У меня ушло много времени.здесь Stackblitz

это не полная и некоторая подстройка, но охватывает все в этом вопросе.И вот основной источник ответа

...