javascript - W3C Web 组件中没有捕获 Angular 属性

Question

我正在尝试使 Web 组件与不同的开发框架兼容，在我测试过的其余框架中，但是在 Angular 中，我在与属性绑定时遇到了问题。

问题如下，在我的angular组件中，这将是我放置web组件的地方，我准备了一系列我想在初始化期间传递给web组件的值，如果这些值有改动，我会抓拍下处理。

事实是，在初始化值时，我没有收到来自 Web 组件端的任何类型的属性，并且在更改值时，我也没有收到任何类型的反应响应。

我知道有一些 Web 组件框架，例如 Lit Elements，但鉴于项目的要求，我需要使用 vanilla 组件，因此需要使用 Web 组件标准（Shadow Root、模板、自定义元素等... )

我在这里留下一个 StackBlitz 的链接和一个小操场，以便可以复制这个问题：Problem With Angular and Web Components

标签： javascripthtmlangularbindingweb-component

Answer 1

您正在寻找属性，因此您应该像在 html 上那样定义它：

<d-counter [attr.count]="count" #dCounter></d-counter>

堆栈闪电战