我正在努力创建自定义的角度组件库,并且我一直在遇到问题。我在库中创建一个包含插值数据的组件。在该组件的.ts文件中,我声明该变量,但仅分配类型,因为我不想要默认值。(示例:{{myvar}} myvar:string;}
在我导入库的实际项目中,我在app.component.html和app.component.ts中包括我的库组件。(示例:myvar:string ="我的实际数据"(。但是,在渲染页面时不会出现。我之所以假设是因为库组件仍在查看库中的.ts文件以查看该值。这是正确的假设吗?如果是这样,是否有任何方法可以在库中使用正在导入的项目的数据插值组件?
谢谢。
通过使用指令&输入装饰器。
<mat-table [dataSource]="dataResolved">
.....
@Input() dataResolved: DataResolvedDirective;
@Directive({
selector: '[dataResolved]'
})
export class DataResolvedDirective{
constructor( httpClient: HttpClient ) { // OR DI - Existing Service
}
@Input() set dataResolved( ) {
return this.httpClient.get('remote server url + uri');
}