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

前端之家收集整理的这篇文章主要介绍了angularjs – 角度2 – 快速添加/删除组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要能够添加&移动角度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.

原文链接:https://www.f2er.com/angularjs/140880.html

猜你在找的Angularjs相关文章