将数据传递到 Angular Web 组件

Question

我正在尝试用 Angular 编写 Web 组件，但我似乎无法弄清楚如何将数据传递到组件中。

<my-component someId="1234"></my-component>

我希望找到某种方法来实现这一点并在我的角度组件中获取 someId 。是否可以实现这个或者我应该尝试使用插槽？为了清楚起见，我问如何使用角度而不是普通的角度组件来制作网络组件。

Answer 1

您应该使用 Angular 的数据绑定

<my-component [id]="1234"></my-component>

在您的子组件上，使用@Input 装饰器

export class MyComponent {
  @Input('id') id: string;
}