Skip to main content
se añadieron 256 caracteres en el cuerpo
Origen Enlace
jecorrales
  • 984
  • 1
  • 11
  • 33

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.

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

import { ReportService } from './../../services/report.service';

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>

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.

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.

Origen Enlace
jecorrales
  • 984
  • 1
  • 11
  • 33

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

import { ReportService } from './../../services/report.service';

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>

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.