Lo primero que debes realizar es crear un servicio el cual debes enlazar con tu componente para obtener y hacer referencia al metodo correspondiente, es decir, podrías realizar esta secuencia:
SERVICE
//URL API for production server
private api_production = 'backend/php/';
//Method return the report history
public getData()
{
//Path
const path = this.api_production + 'getData';
return this.http.get<Aulas[]>(path);
};
Ya cuando tengas correctamente el servicio solo debes importar el servicio a tu componente y realizar el llamado al metodo en el constructor:
COMPONENTE TS
//Services import { ReportService } from './../../services/report.service'; //Interfaces import { Faculty } from './../interfaces/faculty';
En tu constructor realizas los siguiente:
constructor(private _reportService: ReportService)
{
_reportService.getData()
.subscribe(Aulas => {
//data
this.aulas = Aulas;
console.log("Aulas: ", this.Aulas);
});
};
HTML
<select>
<option *ngFor="let aula of aulas" >{{aula.nombre}}</option>
</select>
Para hacer uso de el tipeado de Aulas
que es en pocas palabras una estructura de datos que tiene un valor específico, denominado como una interface
es decir:
export interface Aulas
{
id_nombre:number;
nombre:string;
}
Y no olvides que debes también importarlo en el servicio.
Si necesitas algo más no dudes en preguntar, espero que haya sido clara mi respuesta y si te ha servido no olvides marcarla como la respuesta correcta para la solución de tu problema.