using material select with angular reactive forms

<div class="row">

<div class="col-md-6 mx-auto my-5">

<form [formGroup]="form">

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

<label>Example label</label>

</form>

<p>Value: {{form.value.select}}</p>

</div>

</div>

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

@Component({

selector:'app-root',

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

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

})

export class AppComponent implements OnInit {

form=newFormGroup({

select:newFormControl()

});

optionsSelect:Array<any>;

ngOnInit() {

this.optionsSelect= [

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

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

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

];

}

}

Shajee Lawrence pro commented 6 years ago

Does not work... ERROR Error: No value accessor for form control with name: 'select' I am getting this problem since morning and I have spend already 6 hours - I do not see enough good documentation either on reactive forms.  Am I missing something? Is there a way I can send you the screenshot of the code and the error please?

---

Arkadiusz Idzikowski staff commented 6 years ago

Dear Shajee Lawrence, Please make sure you added ReactiveFormsModule to your app.module file. If it still won't work please paste here your html, ts and app.module code. Best, Arek

---

Damian Gemza staff commented 6 years ago

Dear Shajee, Unfortunately, we don't have a roadmap which presents components which will be added in future releases. ngDefaultControl directive is needed on components which overwrites the default HTML input element. This directive is needed in case of using Reactive Forms features, or Forms Modules features. We take a look at Material Select, what's exactly wrong there. Best Regards, Damian

---