Как получить CustomComponent внутри в NgBootstrap Modal? - PullRequest
Новая
       15

Как получить CustomComponent внутри в NgBootstrap Modal?

0 голосов
/ 16 мая 2019

Я пытался получить экземпляр ConsultaAuditorGridComponent через ViewChild, и ViewChildren всегда возвращает 'Undefined'

.............................................................................................................................................................. 

export class ModalConsultaComponent implements OnInit, AfterViewInit {

public data: Array<any>;
    closeResult: string;

    @ViewChild('content')
    content: any;
    @ViewChildren(ConsultaAuditorGridComponent)
    grid: QueryList<ConsultaAuditorGridComponent>;

    //@ViewChild('grid') grid: ConsultaAuditorGridComponent;
    public modal: NgbModalRef;
    public form: FormGroup;
    columns: any[] =
        [
            {text: 'Cod. Auditor', datafield: 'f_codigo_usuario', width: '35%'},
            {text: 'Nombre', datafield: 'f_nombre', width: '65%'},
        ];

    source: any = {};


    dataAdapter: any;


   constructor(
        private modalService: NgbModal,
        private asignacionService: AsignacionService,
        private fb: FormBuilder,
    ) {
        this.form = this.fb.group({
            f_codigo_usuario: [''],
            f_nombre: ['']
        });

        // this.asignacionService.getAuditorList().subscribe(data => {
        //     this.source = {
        //         localdata: [],
        //         datatype: 'json',
        //         datafields: [
        //             {name: 'f_id', type: 'int'},
        //             {name: 'f_codigo_usuario', type: 'int'},
        //             {name: 'f_nombre', type: 'string'},
        //         ],
        //     };
        //     this.dataAdapter = new jqx.dataAdapter(this.source);
        // });

    }

    ngAfterViewInit() {
        console.log(this.content)
    }

    generate() {
        this.modal = this.modalService.open(this.content, {container: 'body', ariaLabelledBy: 'modal-basic-title', centered: true});
    }

    private getDismissReason(reason: any): string {
        if (reason === ModalDismissReasons.ESC) {
            return 'by pressing ESC';
        } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
            return 'by clicking on a backdrop';
        } else {
            return `with: ${reason}`;
        }
    }

    ngOnInit(): void {
        //console.log(this.modal.componentInstance.grid)
    }

    public open() {
        this.generate();
    }

    public buscar() {
        this.asignacionService.getAuditorList().subscribe( data => this.grid.first.setData(data))
    }
}

.........................................................................................................................................................

...