将事件从viewContainerRef传递到条目父Angular 5

时间:2018-06-04 03:47:03

标签: angular typescript

我想知道如何将事件从动态viewContainerRef组件传递到其entry父组件?

我的设置如下

main.component.html

<div #entry></div>

main.component.ts

import { Component, OnInit, ViewChild, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';

import { RemoveDataComponent } from '...';

@Component...

export class ...

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

...

openComponent() {
    const removeDataFactory = this._resolver.resolveComponentFactory(RemoveDataComponent);
    const component = this.entry.createComponent(removeDataFactory);
} 

clearComponent() {
    this.viewContainerRef.clear();
}

除去-data.component.ts

clear() {
  ...
}

基本上我想要动态添加组件中的清除按钮来清除viewContainerRef

现在我知道你通常如何使用eventEmitter传递事件它是否以相同的方式工作?还是我必须做别的事?我知道我可以使用共享服务来拨打电话,但看起来似乎有点麻烦......

任何帮助将不胜感激

由于

0 个答案:

没有答案