Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- interface IViajesConcluidos{
- idViaje: number;
- cliente: string;
- conductor: string;
- descripcion: string;
- costo: number;
- fechaRegistro: string;
- fechaEntrega: string;
- estatusPago: string;
- }
- export class ViajesProgramadosComponent implements OnInit {
- //VARIABLES GENERALES
- public arregloViajes: IViajesConcluidos[];
- public usuarioObtenido:string;
- public closeResult: string;
- public modal: NgbModalRef;
- //VARIABLES PARA EL FORMULARIO
- public frmViajes: FormGroup;
- public formValid:Boolean=false;
- constructor(private modalService: NgbModal, public formBuilder: FormBuilder, public formatoFecha: DateFormatService,public router:Router) {
- //DATOS DE INICIO
- this.arregloViajes=[];
- //INICIALIZACION (CONSTRUCCION) DEL FORMGROUP
- this.frmViajes = this.formBuilder.group({
- cliente:["",Validators.required],
- descripcion:["",Validators.required],
- costo:["",Validators.required]
- });
- }
- //PASO LOS DATOS POR PARAMETRO
- pasarDatos(idViaje:number){
- alert(idViaje);
- let registro = this.arregloViajes[idViaje-1];
- this.router.navigate(['/viajes-concluidos'],{queryParams:{arregloViajes: JSON.stringify(registro)}});
- this.arregloViajes.splice(idViaje,1);
- }
- ngOnInit() {
- this.obtenerLocalStorage();
- this.generarFecha();
- }
- }
- interface IViajesConcluidos{
- idViaje: number;
- cliente: string;
- conductor: string;
- descripcion: string;
- costo: number;
- fechaRegistro: string;
- fechaEntrega: string;
- estatusPago: string;
- }
- export class ViajesConcluidosComponent implements OnInit {
- public viajesC: IViajesConcluidos[];
- public usuarioObtenido:string;
- public viajes:Array<any>;
- constructor(public router:Router, public activeRoute:ActivatedRoute ) {
- this.viajesC=[];
- this.viajesC.push(
- {idViaje:5,cliente:'Juan',conductor:"Miguel Diaz",descripcion:"Es fragil",costo:1000,fechaRegistro:'12-05-2019',fechaEntrega:'18-05-2019',estatusPago:'pagado'}
- );
- //this.viajes.push({idViaje:2,cliente:'Pedro',conductor:"Jose Diaz",descripcion:"Es fragil",costo:2000,fechaRegistro:'12-06-2019',fechaEntrega:'10-06-2019',estatusPago:'pagado'});
- }
- //AQUI SE PRESENTA EL PROBLEMA
- ngOnInit() {
- this.activeRoute.queryParams.subscribe(queryParams => {
- alert(JSON.stringify(queryParams)); //ME IMPRIME BIEN LOS DATOS EN EL ALERT
- this.viajesC = JSON.parse(queryParams.arregloViajes); //ESTA PARTE ES LO QUE NO FUNCIONA
- });
- }
- }
- <table id="customers" border="1" class="w3-table-all w3-hoverable">
- <tr class="w3-black">
- <th>ID Viaje</th>
- <th>Cliente</th>
- <th>Conductor</th>
- <th>Descripcion</th>
- <th>Costo $MXN</th>
- <th>Fecha Registro</th>
- <th>Fecha Entrega</th>
- <th>Estatus de pago</th>
- </tr>
- <tbody id="idTabla" *ngFor="let i of viajesC | filter:term">
- <tr>
- <td>
- {{i.idViaje}}
- </td>
- <td>
- {{i.cliente}}
- </td>
- <td>
- {{i.conductor}}
- </td>
- <td>
- {{i.descripcion}}
- </td>
- <td>
- {{i.costo}}
- </td>
- <td>
- {{i.fechaRegistro}}
- </td>
- <td>
- {{i.fechaEntrega}}
- </td>
- <td>
- {{i.estatusPago}}
- </td>
- </tr>
- </tbody>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement