Issue in using formControlName in mdb-select

<div class="row">

<div class="col-md-6">

<form [formGroup]="form">

<mdb-select [options]="optionsSelect"formControlName="select"name="select"placeholder="Choose your option"></mdb-select>

<label>Example label</label>

</form>

</div>

</div>

import { Component, OnInit } from '@angular/core';

import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({

selector:'app-root',

templateUrl:'./app.component.html',

styleUrls: ['./app.component.scss']

})

export class AppComponent implements OnInit {

optionsSelect:Array<any>;

form:FormGroup;

constructor(publicfb:FormBuilder) {

this.form=fb.group({

select: ['', Validators.required]

});

}

ngOnInit() {

console.log(this.form.controls['select']);

this.optionsSelect= [

{ value: '1', label: 'Option 1' },

{ value: '2', label: 'Option 2' },

{ value: '3', label: 'Option 3' },

];

}

}

import { BrowserModule } from '@angular/platform-browser';

import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';

import { MDBBootstrapModulesPro, MDBSpinningPreloader } from 'ng-uikit-pro-standard';

import { AppComponent } from './app.component';

import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule,

MDBBootstrapModulesPro.forRoot(),

FormsModule,

ReactiveFormsModule

],

bootstrap: [AppComponent],

providers: [MDBSpinningPreloader],

schemas: [ NO_ERRORS_SCHEMA ]

})

export class AppModule { }