Угловой 2 - Добавление/удаление компонентов на лету

Question

Мне нужно добавить & удалить угловые 2 компоненты на лету. Для этого я использую loadIntoLocation и распоряжаться методами, как это:

Добавление компонента (от менеджера компоновки):

this.m_loader.loadIntoLocation(MyComponent, this.m_element, 'content').then(_componentRef => { 

    // Create the window and set its title: 
    var component: MyComponent = (_componentRef.instance); 
    component.ref = _componentRef; 

    // init the component content 
}); 

Удаление компонента (от компонента):

this.ref.dispose(); 

это почти работает: - если добавить компонент, и закрыть его, он работает - если добавить несколько компонентов, они работают - но если добавить компонент а, затем удалить его, а затем добавить компонент в, это похоже на Угловое дает мне ссылку на A и сохраняет некоторые старые значения (мои компоненты перетаскиваются, и в этом случае B будет создан A был, когда я его уничтожил)

Есть ли способ сделать угловые уничтожить компоненты правильно или по крайней мере, заставить его создавать свежие?

Answer 1

Как предложил Тим,

Цитирование @ tbosch в comment

Угловая повторное использование ранее созданных элементов DOM по умолчанию

Таким образом, чтобы избежать этого, взятая из комментария, а также, вы можете использовать APP_VIEW_POOL_CAPACITY и назначить его 0 в качестве значения.

bootstrap(MyApp, [provide(APP_VIEW_POOL_CAPACITY, {useValue: 0})]) 

Обновление

Обратите внимание, что поскольку beta.1 APP_VIEW_POOL_CAPACITY удаляют #5993 и DOM, в настоящее время воссозданы правильно.