Topic: Select options are not working properly in angular

vuddanti free asked 4 years ago


app.component.html <div class="md-form"> <i class="fa fa-phone prefix grey-text"></i> <mdb-select [options]="experience" placeholder="Choose your option"></mdb-select> <label for="experience">Status</label> </div> App.component.ts experience: Array<any>; this.experience = [ { value: '0', label: 'noExp' }, { value: '1', label: '1 Year' }, { value: '2', label: '2 Years' }, { value: '3', label: 'More than 2 Years' }, ];

Damian Gemza staff answered 4 years ago


Dear vuddanti, Please note, that Material Select component is available only in MDB Angular Pro version. If you use free version, it won't work. Best Regards, Damian

Summaya pro commented 4 years ago

Hi Damian, I am a pro user of Angular Admin Template and using the above example for mdb-select but still it is not working.. appreciate your help here.

Damian Gemza staff commented 4 years ago

Dear Summaya, what exactly doesn't work for you? Please give me more informations. Best Regards, Damian

Summaya pro commented 4 years ago

home.component.ts --------------------------- frameWorks: Array = [{ value: '1', label: 'Angular' }, { value: '2', label: 'React' }]; home.component.html ----------------------------- It just shows "Choose your FrameWork" and an Down arrow and on clicking on that nothing comes, only arrow gets inverted.

Damian Gemza staff commented 4 years ago

Dear Summaya, please try to define empty frameWorks array, and then in onInit fill it with some data. Maybe this will work. If not, please provide me more code which I could debug. Best Regards, Damian

Summaya pro commented 4 years ago

Hi Damian, It was my mistake, that i was not loading the css properly. After correcting, it is working now. Thanks for your support. Summaya.

LECOENT pro commented 4 years ago

I'm facing with the same issue, in angular CLI pro version .

Damian Gemza staff commented 4 years ago

Dear LECOENT, which problem exactly you're facing up? Please tell me, what exactly doesn't work to you. Best Regards, Damian


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags