Expected behavior Launching a modal from a page succesfully. Injecting json data from an array of simple two field objects. Actual behavior Since the programmatically derived json doesn't have a tag for the array, I am not able to read it into an array in the modal dialog. Resources (screenshots, code snippets etc.) In the Base component. The json looks fine.

export class Option {
    public value: number;
    public label: string;
    constructor(id: number, name: string) {
        this.value = id;
        this.label = name;
    }
}
var typesOptions = [] as Array<Option>;
var typesOptionsJson = JSON.stringify(typesOptions);
        this.modalRef = this.modalService.show(ModalNewPhaseComponent, {
            id: 'frameModalCentre', 
            backdrop: true,
            keyboard: true,
            focus: true,
            show: false,
            ignoreBackdropClick: false,
            tabindex: "-1",
            class: 'modal-dialog modal-frame model-fluid',
            containerClass: 'right',
            role: 'dialog',
            animated: true,
            data: typesOptionsJson,
        });

In the Modal dialog component:

ModalNewPhaseComponent implements OnInit {

contactFormModalName = new FormControl('', Validators.required);
phaseFormModalType = new FormControl('', Validators.required);
phaseFormModalCode = new FormControl('', Validators.required);
contactFormModalDesc = new FormControl('', Validators.required);
phaseFormModalModifier = new FormControl('', Validators.required);
phaseFormModalQuantity = new FormControl('', Validators.required);
phaseFormModalComments = new FormControl('', Validators.required);

typeOptions: Array<any>;

constructor(public modalRef: MDBModalRef) { }

}

<mdb-select class="font-weight-normal" id="treatmenttype" label="" [options]="typeOptions" placeholder="Type"
                                    [formControl]="phaseFormModalType"></mdb-select>