Estoy haciendo un desarrollo con angular + typescript.
Tengo un Componente al que le pueden llegar 3 tipos de listas.
¿Es posible saber el tipo de objeto que estoy recibiendo en el componente?
El porque de este uso es porque he creado un componente "Tabla", que lo utilizo para mostrar todas las tablas que tengo en la web y puede ser de esos 3 tipos
Clase Panel, de esta clase bindeo el content hacia el componente "Tabla"
import { Bike } from './bike.class';
import { Club } from './club.class';
import { Shoe } from './shoe.class';
export class Panel {
disabled: boolean = false;
name: string = '';
content: (Club | Shoe | Bike)[];
constructor(
disabled: boolean,
name: string,
content: (Club | Shoe | Bike)[]
) {
this.disabled = disabled;
this.name = name;
this.content = content;
}
}
El componente "Tabla" que es donde quiero identificar el tipo de objeto que le estoy pasando para pintar unas columnas u otras en el grid
import { Component, Input, Type } from '@angular/core';
import { BaseComponent } from '../../base/base.component';
import { Bike } from '../../../core/models/bike.class';
import { Club } from '../../../core/models/club.class';
import { Shoe } from 'src/app/core/models/shoe.class';
@Component({
selector: 'ui-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.scss'],
})
export class TableComponent extends BaseComponent {
@Input() items: (Club | Shoe | Bike)[] = [];
ngOnInit() {
}
}
El objetivo sería saber que tipo recibe el ítems
items: Collection[] = []
podrías convertirlo a:items: Bike[] | Club[] | Shoe[] = [];
Por otro lado, debes verificar que cada elemento de la lista sea del tipo que esperas. En principio tienes 4 tipos: Club, Bike, Shoe y Collection. Toma en cuenta que todo elemento de tipo Bike, Club o Shoe también es de tipo Collection.