Hi, I have problems with mdb-select tag, it show me an error in the log.

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'options' since it isn't a known property of 'mdb-select'.

This is my html

<div class="form-group">
  <div class="row">
    <div class="col-md-6">
      <mdb-select [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
    </div>
  </div>
</div>

import { Component, OnInit } from '@angular/core';
import { routerTransition } from '../router.animations';
import { TranslateService } from '@ngx-translate/core';

@Component({
    selector: 'app-signup',
    templateUrl: './signup.component.html',
    styleUrls: ['./signup.component.scss'],
    animations: [routerTransition()]
})
export class SignupComponent implements OnInit {
  optionsSelect: Array<any>;

    constructor(private translate: TranslateService) {
        this.translate.addLangs(['en', 'fr', 'ur', 'es', 'it', 'fa', 'de', 'zh-CHS']);
        this.translate.setDefaultLang('en');
        const browserLang = this.translate.getBrowserLang();
        this.translate.use(browserLang.match(/en|fr|ur|es|it|fa|de|zh-CHS/) ? browserLang : 'en');
    }

    ngOnInit() {
      this.optionsSelect = [
        { value: '1', label: 'My First Option'},
        { value: '2', label: 'My second Option'}
      ];
    }
}







import {NgModule} from '@angular/core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';

import { SignupRoutingModule } from './signup-routing.module';
import { SignupComponent } from './signup.component';
import { MDBBootstrapModule} from 'angular-bootstrap-md';

@NgModule({
  imports: [
    CommonModule,
    TranslateModule,
    SignupRoutingModule,
    MDBBootstrapModule
  ],
  declarations: [SignupComponent],
})
export class SignupModule { }