angularjs – 角度2 – 快速添加/删除组件

发布时间：2020-12-17 09:03:29 所属栏目：安全来源：网络整理

导读：我需要能够添加移动角度2组件.为此,我正在使用loadIntoLocation和处理方法,像它一样：添加组件(来自布局管理器)： this.m_loader.loadIntoLocation(MyComponent,this.m_element,'content').then(_componentRef = { // Create the window and set its title:

我需要能够添加&移动角度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,似乎Angular给了我一个A的参考,并保留一些旧的值(我的组件是可拖动的,在这种情况下,B将被创建A是当我毁了它)

有没有办法正确地使角质破坏组分,或至少迫使它创造新的？

正如蒂姆所说,

引用@ tbosch的comment

Angular reuses previously created DOM elements by default

所以为了避免这种行为,从评论中也可以使用APP_VIEW_POOL_CAPACITY并将其分配为0作为值.

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

更新

请注意,由于beta1 APP_VIEW_POOL_CAPACITY已被#5993删除,并且正在正确地重新创建DOM.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!