W3C Web 组件中没有捕获 Angular 属性
No capture Angular Properties in W3C Web Components
我正在尝试使 Web 组件与不同的开发框架兼容，在我测试过的其余框架中，但是在 Angular 中，我在绑定属性时遇到问题。
问题如下，在我的angular组件中，这将是我放置web组件的地方，我准备了一系列我想传递给web的值组件在其初始化期间，如果这些值被更改，我将在下面捕获并处理它们。
事实是，在初始化值时，我没有从 Web 组件端收到任何类型的属性，并且在更改值时，我也没有收到任何类型的反应性响应。
我知道有一些 Web 组件框架，例如 Lit Elements，但鉴于项目的要求，我需要使用原始组件，因此需要使用 Web 组件标准（影子根、模板、自定义元素）等...)
我在这里给 StackBlitz 留了一个 link 和一个小操场，这样这个问题就可以重现了：Problem With Angular and Web Components
您正在寻找属性，因此您应该像在 html:
上那样定义它
<d-counter [attr.count]="count" #dCounter></d-counter>
我正在尝试使 Web 组件与不同的开发框架兼容，在我测试过的其余框架中，但是在 Angular 中，我在绑定属性时遇到问题。
问题如下，在我的angular组件中，这将是我放置web组件的地方，我准备了一系列我想传递给web的值组件在其初始化期间，如果这些值被更改，我将在下面捕获并处理它们。
事实是，在初始化值时，我没有从 Web 组件端收到任何类型的属性，并且在更改值时，我也没有收到任何类型的反应性响应。
我知道有一些 Web 组件框架，例如 Lit Elements，但鉴于项目的要求，我需要使用原始组件，因此需要使用 Web 组件标准（影子根、模板、自定义元素）等...)
我在这里给 StackBlitz 留了一个 link 和一个小操场，这样这个问题就可以重现了：Problem With Angular and Web Components
您正在寻找属性，因此您应该像在 html:
上那样定义它<d-counter [attr.count]="count" #dCounter></d-counter>