是否可以使用项目数据插值角库组件



我正在努力创建自定义的角度组件库,并且我一直在遇到问题。我在库中创建一个包含插值数据的组件。在该组件的.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');
    }

最新更新