在StencilJS中将angular-output-target绑定更新为v0.0.5在我的角度示例应用中看到事件触发了两次

编程问答 2022-06-20

问题描述

我们正在使用Stencil JS开发Web组件。我们还使用Stencil提供的不同框架（Angular，Vue）绑定来生成特定于框架的包。这个问题与angular-output-target绑定有关。

因此，我刚刚将angular-output-target更新为v0.0.5，并且看到模板组件中的所有events(EventEmitters)都触发了两次（例如，如果发生点击事件，点击它会触发两次）。角度输出目标v0.0.2一切正常。有人遇到类似的问题吗？

版本： @stencil/core: 2.0.3 @angular/core: 10.0.0

从v0.0.5的{​​{1}}生成的代理文件 包装与以前的包装略有不同。让我展示一下 下面的区别。

请考虑以下此angular-output-target组件。我看到在my-badge下面的outputs:[]装饰器中添加了一个额外的@Component（检查代码中的注释）。对于版本v0.0.5，此功能丢失。

对于0.0.2，代理仅在以下情况下生成输出： v0.0.2

当我在proxyOutputs(this,this.el,['myBadgeChange'])行中注释时，看不到事件触发两次。

这是我的代码有问题还是与最新的outputs:[]版本有关？

更新：

我刚刚在Stencil仓库中发现angular-output-target和bug report与这个问题有关。

错误：https://github.com/ionic-team/stencil-ds-output-targets/issues/81

PR：https://github.com/ionic-team/stencil-ds-output-targets/pull/82

我使用上述解决方案进行了测试，看来可以解决问题。

PR

解决方法

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

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

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

angularangularstenciljstypescripttypescripttypescriptweb-component