muicss/mui

How to use mui-select with AngularJS with dynamic data

Open

#185 opened on Dec 7, 2016

View on GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (4,524 stars) (441 forks)batch import
enhancementhelp wantedpriority: high

Description

I am able to perfectly utilise the mui-dropdown using the code below, however when I try a similar approach with the mui-select option it doesn't generate correctly.

<mui-dropdown color="primary" label="Select a team" > <mui-dropdown-item ng-repeat="team in teams" link="#/link1">{{ team.name }}</mui-dropdown-item> </mui-dropdown>

I am trying to generate the select with the code below, but when I reload the page and click the select menu I only see one option (I am expecting 4) and it has {{option.label}} (note - the select is already opened by default - i do not want this to happen) <mui-select ng-model="rule.selectedAction" ng-options="team.name as label in teams" use-default> <mui-option value="{{ team.id }}" label="{{ team.name }}"></mui-option> </mui-select>

Please advise on my issue

Contributor guide

Tech stack
javascriptangularcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
AngularJSmui CSS framework
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
25
Research direction
Investigate the mui select directive implementation in the source code (likely in a file like `src/angular/select.js` or similar). The issue arises when using dynamic data with `ng options` and `<mui option>` elements. Compare with the working `mui dropdown` example. Check how `mui select` handles `ng options` and whether it properly supports dynamic option generation. Look for any known issues with AngularJS `ng options` and custom directives. Consider testing with static data to isolate the problem. Also examine if the `use default` attribute affects behavior.