Skip to main content
se añadieron 1607 caracteres en el cuerpo
Origen Enlace

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahoracuan es un panel de usuarios que si se selecciona al moverme a otra sección no se guarda la opción elegidaregistran de igual manera no se guarda al recargarun sitio web la paginafunción del panel es cambiar los estados de cada usuario según vayan pagando.

en el component.ts tengo lo siguientecomparto todo mi ts:

export class OrdenesComponent implements OnInit {
  ListOfOrders: ordenInterce[];

  OrdenDelete: ordenInterce;

  estados = [
    {
      id: 'paid',
      label: 'Pagado',
    },
    {
      id: 'toPay',
      label: 'Por pagar',
    },
  ];


  ngOnInit(): void {
    this.getListOfOrders();
  }


  recargarDespuesDeSubirArchivo(){
    this.getListOfOrders();
  }
  constructor(
    private modalService: NgbModal,
    private OrdenesService: OrdenesService
  ) {}

  openDetallePoliza(content: any): void {
    this.modalService.open(content, {
      ariaLabelledBy: 'modal-basic-title',
      /*windowClass: 'confirmacionUsuariosModal',*/
    });
  }

  getListOfOrders = async () => {
    try {
      this.ListOfOrders = await this.OrdenesService.adminListOfOrders();
    } catch (error) {
      console.log(error);
    } 
  };

  openModalEliminarOrden = (content, OrdenDelete: ordenInterce) => {
    this.OrdenDelete = OrdenDelete;
    this.modalService.open(content, {
      ariaLabelledBy: 'modal-basic-title',
      /*windowClass: 'confirmacionUsuariosModal',*/
    });
  };

  deleteOrden = () => {
    this.OrdenesService.deleteOrder(this.OrdenDelete.orderId).then(() => {
      this.modalService.dismissAll();
      Swal.fire(
        'Orden Eliminada',
        'La orden fue eliminada correctamente',
        'success'
      );
      this.getListOfOrders();
    });
  };
}

];

esto esta en el component.html aqui solo coloque la parte de la tabla donde necesito el cambio de los estados que son pagado y por pagar:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" 
                   [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahora es que si se selecciona al moverme a otra sección no se guarda la opción elegida de igual manera no se guarda al recargar la pagina.

en el component.ts tengo lo siguiente:

estados = [
{
  id: 'paid',
  label: 'Pagado',
},
{
  id: 'toPay',
  label: 'Por pagar',
},

];

esto esta en el component.html:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

Descripción del problema: tengo una aplicación en angular la cuan es un panel de usuarios que se registran de un sitio web la función del panel es cambiar los estados de cada usuario según vayan pagando.

comparto todo mi ts:

export class OrdenesComponent implements OnInit {
  ListOfOrders: ordenInterce[];

  OrdenDelete: ordenInterce;

  estados = [
    {
      id: 'paid',
      label: 'Pagado',
    },
    {
      id: 'toPay',
      label: 'Por pagar',
    },
  ];


  ngOnInit(): void {
    this.getListOfOrders();
  }


  recargarDespuesDeSubirArchivo(){
    this.getListOfOrders();
  }
  constructor(
    private modalService: NgbModal,
    private OrdenesService: OrdenesService
  ) {}

  openDetallePoliza(content: any): void {
    this.modalService.open(content, {
      ariaLabelledBy: 'modal-basic-title',
      /*windowClass: 'confirmacionUsuariosModal',*/
    });
  }

  getListOfOrders = async () => {
    try {
      this.ListOfOrders = await this.OrdenesService.adminListOfOrders();
    } catch (error) {
      console.log(error);
    } 
  };

  openModalEliminarOrden = (content, OrdenDelete: ordenInterce) => {
    this.OrdenDelete = OrdenDelete;
    this.modalService.open(content, {
      ariaLabelledBy: 'modal-basic-title',
      /*windowClass: 'confirmacionUsuariosModal',*/
    });
  };

  deleteOrden = () => {
    this.OrdenesService.deleteOrder(this.OrdenDelete.orderId).then(() => {
      this.modalService.dismissAll();
      Swal.fire(
        'Orden Eliminada',
        'La orden fue eliminada correctamente',
        'success'
      );
      this.getListOfOrders();
    });
  };
}

esto esta en el component.html aqui solo coloque la parte de la tabla donde necesito el cambio de los estados que son pagado y por pagar:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" 
                   [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>
se añadieron 264 caracteres en el cuerpo
Origen Enlace

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahora es que si se selecciona al moverme a otra sección no se guarda la opción elegida de igual manera no se guarda al recargar la pagina.

la solución que necesito: necesito poder guardar el estado cuando se selecciona uno u otra opción sin importar que se refresque la pagina

en el component.ts tengo lo siguiente:

estados = [
{
  id: 'paid',
  label: 'Pagado',
},
{
  id: 'toPay',
  label: 'Por pagar',
},

];

esto esta en el component.html:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

adjunto imagen de lo que tengo: introducir la descripción de la imagen aquí

adjunto esta imagen para mas detalle es un panel de administración de usuarios no un registro de usuarios necesito que cuando se cambie el estado se mantenga: introducir la descripción de la imagen aquí

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahora es que si se selecciona al moverme a otra sección no se guarda la opción elegida de igual manera no se guarda al recargar la pagina.

la solución que necesito: necesito poder guardar el estado cuando se selecciona uno u otra opción sin importar que se refresque la pagina

en el component.ts tengo lo siguiente:

estados = [
{
  id: 'paid',
  label: 'Pagado',
},
{
  id: 'toPay',
  label: 'Por pagar',
},

];

esto esta en el component.html:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

adjunto imagen de lo que tengo: introducir la descripción de la imagen aquí

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahora es que si se selecciona al moverme a otra sección no se guarda la opción elegida de igual manera no se guarda al recargar la pagina.

la solución que necesito: necesito poder guardar el estado cuando se selecciona uno u otra opción sin importar que se refresque la pagina

en el component.ts tengo lo siguiente:

estados = [
{
  id: 'paid',
  label: 'Pagado',
},
{
  id: 'toPay',
  label: 'Por pagar',
},

];

esto esta en el component.html:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

adjunto imagen de lo que tengo: introducir la descripción de la imagen aquí

adjunto esta imagen para mas detalle es un panel de administración de usuarios no un registro de usuarios necesito que cuando se cambie el estado se mantenga: introducir la descripción de la imagen aquí

Origen Enlace

Que puedo hacer para que se guarde el estado de un option en angular

Descripción del problema: tengo una aplicación en angular la cual tiene un select option con dos estados "pagado" y "por pagar" lo que tengo ahora es que si se selecciona al moverme a otra sección no se guarda la opción elegida de igual manera no se guarda al recargar la pagina.

la solución que necesito: necesito poder guardar el estado cuando se selecciona uno u otra opción sin importar que se refresque la pagina

en el component.ts tengo lo siguiente:

estados = [
{
  id: 'paid',
  label: 'Pagado',
},
{
  id: 'toPay',
  label: 'Por pagar',
},

];

esto esta en el component.html:

         <div class="select-custom-forms">
              <select [(ngModel)]="poliza.status">
                <option *ngFor="let estado of estados" [value]="estado.id">
                  {{ estado.label }}
                </option>
              </select>
            </div>

adjunto imagen de lo que tengo: introducir la descripción de la imagen aquí