Góc 2 - Thêm/loại bỏ các thành phần trên bay

Question

Tôi cần có thể thêm & loại bỏ các thành phần góc 2 trên bay. Để làm như vậy, tôi đang sử dụng và định đoạt loadIntoLocation phương pháp, giống như nó:

Thêm một thành phần (từ một người quản lý bố trí):

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

Loại bỏ một phần (từ thành phần):

this.ref.dispose(); 

Nó gần như đang hoạt động: - nếu tôi thêm một thành phần và đóng nó, nó hoạt động - nếu tôi thêm một số thành phần, chúng hoạt động - nhưng nếu tôi thêm thành phần A, sau đó loại bỏ nó, sau đó thêm thành phần B, nó có vẻ như góc cung cấp cho tôi tham chiếu đến A và giữ một số giá trị cũ (thành phần của tôi có thể kéo được và trong trường hợp này, B sẽ được tạo A khi tôi đã hủy nó)

Có cách nào ít nhất là buộc nó tạo ra những cái mới?

Answer 1

Theo đề nghị của Tim,

phần tử DOM comment

góc reuses tạo trước đó trích dẫn @ tbosch bằng cách mặc định

Vì vậy, để tránh những hành vi này, lấy từ những nhận xét là tốt, bạn có thể sử dụng APP_VIEW_POOL_CAPACITY và chỉ định nó 0 làm giá trị.

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

Cập nhật

Lưu ý rằng kể từ khi beta.1 APP_VIEW_POOL_CAPACITY đã được gỡ bỏ bởi #5993 và DOM đã được tái tạo một cách chính xác.