import { Component } from '@angular/core'; import { ISService } from '../is.service'; import { MatTableDataSource } from '@angular/material/table'; import { Protocol, ProtocolParams } from '../is.model'; export interface ProtocolDatasource { protocol: string; datasource: MatTableDataSource; } @Component({ selector: 'app-protocols', templateUrl: './protocols.component.html', styleUrls: ['./protocols.component.css'] }) export class ProtocolsComponent { protDatasources: ProtocolDatasource[] = []; colums: string[] = ['name', 'label', 'type', 'optional', 'hasSelFunction']; constructor(public service: ISService) { this.service.loadProtocols((data: Protocol[]) => data.forEach(p => { this.protDatasources.push({ protocol: p.id, datasource: new MatTableDataSource(p.params) }); }) ); } }