是否可以用项目数据内插角度库组件？

Question

我正在创建自定义Angular Component Library，但遇到了问题。我在库中创建了一个包含插值数据的组件。在该组件的.ts文件中，我声明了变量，但仅分配了类型，因为我不需要默认值。 （例如：{{myVar}} myVar：string;}

在导入库的实际项目中，我将库组件包含在app.component.html和app.component.ts中，我重新定义了相同的变量，但这次使用了值。 （例如：myVar：string =“我的实际数据”）。但是，呈现页面时不会出现。我假设是因为库组件仍在查看库中的.ts文件以获取该值。这是正确的假设吗？如果是这样，是否有任何方法可以用导入项目中的数据对库中的组件进行插值？

谢谢。

Answer 1

为了将某些东西绑定到组件的属性，您需要使用Input（）属性。正如@JB Nizet在评论中也指出的那样，这是基本内容。您可以通过遵循angular.io受欢迎的教程系列英雄之旅来学习基础知识 https://angular.io/tutorial

Answer 2

使用“指令和输入装饰器”实现此目的的最佳方式。

button

---

<mat-table [dataSource]="dataResolved">
.....

---

@Input() dataResolved: DataResolvedDirective;