Hola en estos momentos estoy aprendiendo a utilizar laravel + angular y desconozco la idea de como crear un select para llamar los valores que tengo de una llave foranea en este caso explico mi codigo.
ESTO ES DENTRO DE MI PROYECTO DE ANGULAR Dentro de mi carpeta src/app Tengo una carpeta llamada Interfaces y este contiene a mi empleado.ts
export interface Empleado{
id?: number;
nombre: string;
apellido:string;
direccion:string;
telefono:string;
edad:string;
genero:boolean;
fechacontrato:Date;
tipoempleado_id:number; //Esta es mi llave foranea de mi tabla tipo de empleado
}
Dentro de la misma carpeta de src/app tengo mi componente llamado empleadoform Tengo la siguiente clase que compone mi empleado
export class EmpleadoformComponent implements OnInit {
empleado: Empleado = {
id: null,
nombre:null,
apellido:null,
direccion:null,
telefono:null,
edad:null,
genero:null,
fechacontrato:null,
tipoempleado_id:null,
};
En mi empleadoform.component.html quiero intentar hacer lo siguiente
<div class="col-md-9">
<select name="tipoempleado_id" [(ngModel)]="empleado.tipoempleado_id ">
<option [value]="empleado" *ngFor="let empleado of empleado">{{empleado.tipoempleado_id.nombre}}</option>
</select>
</div>
El error aqui es que no me carga nada en mi select eh estado investigando pero no doy como hacerlo creo que tengo que crear alguna función que me cargue los datos en mi empleadoform.component.ts para cargar mi los valores de tipoempleado, en este caso en mi select quisiera evaluar el id y que se visualice el nombre de ese tipo en mi option del select.
mi tipo.ts
export interface Tipo{
id?: number;
nombre: string;
sueldo:string;
}
¿Alguien puede ser tan amable de ayudarme en que puedo estar fallando?