从角度交流到其他框架

问题描述

我建立了一个带输入字符串的角度元素。 我这样初始化我的元素：

let element = document.createElement("my-element");
element.setAttribute("input",parameter);

现在要从元素中获取输出时，我可以附加一个事件：

element.addEventListener("output",function(data) => { console.log(data); });

在我的组件“输出”内部是指@Output EventEmitter;

除了ngOnDestroy（）之外，我可以随时推送到输出中并获取事件。 但这就是我需要的，在ngOnDestroy（）上发出数据。 （将EventEmitter更改为rxjs Subject并没有什么不同）

有人知道我如何在ngOnDestroy（）中完成输出调用吗？ 从外部传递主题不起作用。角度组件放置在ExtJs应用程序内部，我们无法在其中添加库。

element.getAttribute("output");也不起作用...

尽管有异常和基本实现，您仍可以在日志中看到我的问题： https://stackblitz.com/edit/angular-ivy-9e5gc4?file=src/app/app.component.ts

即使我在元素内部声明了回调并传递了它，也无法调用它。...

@input() callback: (e: string) => any;

日志：

console.log(this.callback);

给予：

function (e) {
    console.log(e);
}

致电：

this.callback("callback test");

给予：

ERROR
Error: this.callback is not a function

在这里，我尝试着脑海中发生的一切…… https://stackblitz.com/edit/angular-ivy-xfvv4w?file=src/app/my-element/my-element.component.ts

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）